title: how to expand collapse toggle div layer using jquery
body: <p>i try to use the following tutorial <a href="http://designgala.com/how-to-expand-collapse-toggle-div-layer-using-jquery/" rel="nofollow">How to expand collapse (toggle) div layer using jQuery</a></p>
  
  <p>it is working perfect in index.html file but i want to add the code into the following template</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="content-type" content="text/html; charset={$charset}" /&gt;
  &lt;title&gt;{$companyname} - {$pagetitle}{if $kbarticle.title} - {$kbarticle.title}{/if}&lt;/title&gt;
  {if $systemurl}&lt;base href="{$systemurl}" /&gt;
  {/if}
  {if $LANG.stylearabic == 'stylearabic'}
  &lt;link rel="stylesheet" type="text/css" href="templates/{$template}/style-arabic.css" /&gt;
  &lt;link rel="stylesheet" type="text/css" href="ads/ads.css" /&gt;    
  {else}
  &lt;link rel="stylesheet" type="text/css" href="templates/{$template}/style.css" /&gt;
  &lt;link rel="stylesheet" type="text/css" href="ads/ads.css" /&gt;    
  {/if}
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  jQuery(document).ready(function() {
    jQuery(".content").hide();
    //toggle the componenet with class msg_body
    jQuery(".heading").click(function()
    {
      jQuery(this).next(".content").slideToggle(500);
    });
  });
  &lt;/script&gt;
  &lt;script type="text/javascript" src="includes/jscript/jquery.js"&gt;&lt;/script&gt;
  
  {if $livehelpjs}{$livehelpjs}
  {/if}&lt;/head&gt;
  &lt;body&gt;
  &lt;div class="layer1"&gt;
  &lt;p class="heading"&gt;&lt;img border="0" src="ads/Y-bar.png" width="500" height="30"&gt;&lt;/p&gt;
  &lt;div class="content"&gt;&lt;img border="0" src="ads/big.jpg" width="500" height="500"&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="top_container"&gt;
    &lt;div id="top"&gt;
      &lt;div id="company_title"&gt;{$companyname}&lt;/div&gt;
      &lt;div id="welcome_box"&gt;{if $loggedin}{$LANG.welcomeback}, &lt;strong&gt;{$loggedinuser.firstname}&lt;/strong&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;img src="templates/{$template}/images/icons/details.gif" alt="{$LANG.clientareanavdetails}" width="16" height="16" border="0" class="absmiddle" /&gt; &lt;a href="clientarea.php?action=details" title="{$LANG.clientareanavdetails}"&gt;&lt;strong&gt;{$LANG.clientareanavdetails}&lt;/strong&gt;&lt;/a&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;img src="templates/{$template}/images/icons/logout.gif" alt="{$LANG.logouttitle}" width="16" height="16" border="0" class="absmiddle" /&gt; &lt;a href="logout.php" title="Logout"&gt;&lt;strong&gt;{$LANG.logouttitle}&lt;/strong&gt;&lt;/a&gt;{else}{$LANG.please} &lt;a href="clientarea.php" title="{$LANG.loginbutton}"&gt;&lt;strong&gt;{$LANG.loginbutton}&lt;/strong&gt;&lt;/a&gt; {$LANG.or} &lt;a href="register.php" title="{$LANG.clientregistertitle}"&gt;&lt;strong&gt;{$LANG.clientregistertitle}&lt;/strong&gt;&lt;/a&gt;{/if}&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="content_container"&gt;
  {if $loggedin}
    &lt;div id="top_menu"&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a href="clientarea.php" title="{$LANG.clientareanavhome}"&gt;{$LANG.clientareanavhome}&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="clientarea.php?action=details" title="{$LANG.clientareanavdetails}"&gt;{$LANG.clientareanavdetails}&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="clientarea.php?action=products" title="{$LANG.clientareanavservices}"&gt;{$LANG.clientareanavservices}&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="clientarea.php?action=domains" title="{$LANG.clientareanavdomains}"&gt;{$LANG.clientareanavdomains}&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="clientarea.php?action=quotes" title="{$LANG.quotestitle}"&gt;{$LANG.quotestitle}&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="clientarea.php?action=invoices" title="{$LANG.invoices}"&gt;{$LANG.invoices}&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="supporttickets.php" title="{$LANG.clientareanavsupporttickets}"&gt;{$LANG.clientareanavsupporttickets}&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="affiliates.php" title="{$LANG.affiliatestitle}"&gt;{$LANG.affiliatestitle}&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="clientarea.php?action=emails" title="{$LANG.clientareaemails}"&gt;{$LANG.clientareaemails}&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;div class="clear"&gt;&lt;/div&gt;
    &lt;/div&gt;
  {/if}
    &lt;div id="content_left"&gt;
      &lt;h1&gt;{$pagetitle}&lt;/h1&gt;
      &lt;p class="breadcrumb"&gt;{$breadcrumbnav}&lt;/p&gt;
  </code></pre>
  
  <p>i got the following error at IE8 , also not working in any browsers </p>
  
  <pre><code>Webpage error details
  
  Message: Expected '{'
  Line: 11
  Char: 35
  Code: 0
  </code></pre>
  
  <p>how can i made this work ?</p>
  
  <p>thanks</p>