title: Joomla ver. 3 menu dropdown not working if not on active page
body: <p>I have this Joomla 3.2 <a href="http://sgp.pemsea.org" rel="nofollow">site</a> which is still under development. For some reason, the dropdown effect on mouseover does not seem to work except when one is on the active page.</p>
  
  <p>Am using a free template btw. Any ideas on troubleshooting this? No added menu extension has been used. All out of the box. Thinking this might be a js tweak, but been looking around and couldn't identify what and where...</p>
  
  <p>An example of dropdown appearing is when you are on Project Sites and Contact Us sections.</p>
  
  <p>A sample code of index.php that might help. Many thanks!</p>
  
  <pre><code>    &lt;?php
  defined( '_JEXEC' ) or die( 'Restricted access' );
  $LeftMenuOn = ($this-&gt;countModules('position-4') or $this-&gt;countModules('position-5') or $this-&gt;countModules('position-7'));
  $RightMenuOn = ($this-&gt;countModules('position-6') or $this-&gt;countModules('position-8'));
  $TopNavOn = ($this-&gt;countModules('position-13'));
  
  $app = JFactory::getApplication();
  $sitename = $app-&gt;getCfg('sitename');
  $sitetitle = $this-&gt;params-&gt;get('sitetitle');
  $sitedescription = $this-&gt;params-&gt;get('sitedescription');
  
  $logopath = $this-&gt;baseurl . '/templates/' . $this-&gt;template . '/images/logo.gif';
  $logo = $this-&gt;params-&gt;get('logo', $logopath);
  $logoimage = $this-&gt;params-&gt;get('logoimage');
  ?&gt;
  &lt;!DOCTYPE html&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="&lt;?php echo $this-&gt;language; ?&gt;" lang="&lt;?php echo $this-&gt;language; ?&gt;" dir="&lt;?php echo $this-&gt;direction; ?&gt;"&gt;
  &lt;head&gt;
      &lt;jdoc:include type="head" /&gt;
      &lt;link rel="stylesheet" href="&lt;?php echo $this-&gt;baseurl ?&gt;/templates/system/css/system.css" type="text/css" /&gt;
      &lt;link rel="stylesheet" href="&lt;?php echo $this-&gt;baseurl ?&gt;/templates/system/css/general.css" type="text/css" /&gt;
      &lt;link rel="stylesheet" href="&lt;?php echo $this-&gt;baseurl ?&gt;/templates/&lt;?php echo $this-&gt;template; ?&gt;/css/template.css" type="text/css" /&gt;
      &lt;link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css' /&gt;
      &lt;script type="text/javascript" src="&lt;?php echo $this-&gt;baseurl ?&gt;/templates/&lt;?php echo $this-&gt;template; ?&gt;/js/sfhover.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="wrapper"&gt;
  
      &lt;div id="header"&gt;
  
          &lt;!-- TopNav --&gt;
          &lt;?php if($TopNavOn ): ?&gt;
          &lt;div id="topnav"&gt;
              &lt;jdoc:include type="modules" name="position-13" style="xhtml" /&gt;
          &lt;/div&gt;
          &lt;?php endif; ?&gt;     
  
  
          &lt;!-- Logo --&gt;
          &lt;div id="logo"&gt;
  
              &lt;?php if ($logo &amp;&amp; $logoimage == 1): ?&gt;
                  &lt;a href="&lt;?php echo $this-&gt;baseurl ?&gt;"&gt;&lt;img src="&lt;?php echo htmlspecialchars($logo); ?&gt;"  alt="&lt;?php echo $sitename; ?&gt;" /&gt;&lt;/a&gt;
              &lt;?php endif; ?&gt;
              &lt;?php if (!$logo || $logoimage == 0): ?&gt;
  
                  &lt;?php if ($sitetitle): ?&gt;
                      &lt;a href="&lt;?php echo $this-&gt;baseurl ?&gt;"&gt;&lt;?php echo htmlspecialchars($sitetitle); ?&gt;&lt;/a&gt;&lt;br/&gt;
                  &lt;?php endif; ?&gt;
  
                  &lt;?php if ($sitedescription): ?&gt;
                      &lt;div class="sitedescription"&gt;&lt;?php echo htmlspecialchars($sitedescription); ?&gt;&lt;/div&gt;
                  &lt;?php endif; ?&gt;
  
              &lt;?php endif; ?&gt;
  
          &lt;/div&gt;
  
          &lt;!-- Search --&gt;
          &lt;div id="search"&gt;       
              &lt;jdoc:include type="modules" name="position-0" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div id="topmenu"&gt;
          &lt;jdoc:include type="modules" name="position-1" /&gt;
      &lt;/div&gt;
      &lt;br style="clear:both" /&gt;
  
      &lt;!-- Breadcrumbs --&gt;
      &lt;?php if ($this-&gt;countModules('position-2')): ?&gt;
      &lt;div id="breadcrumbs"&gt;
          &lt;jdoc:include type="modules" name="position-2" /&gt;
      &lt;/div&gt;
      &lt;?php endif; ?&gt;
  
  
      &lt;!-- Left Menu --&gt;
      &lt;?php if($LeftMenuOn ): ?&gt;
      &lt;div id="leftmenu"&gt;
          &lt;jdoc:include type="modules" name="position-7" style="xhtml" /&gt;
          &lt;jdoc:include type="modules" name="position-4" style="xhtml" /&gt;
          &lt;jdoc:include type="modules" name="position-5" style="xhtml" /&gt;
      &lt;/div&gt;
      &lt;?php endif; ?&gt;
  
  
      &lt;!-- Contents --&gt;
      &lt;?php if($LeftMenuOn AND $RightMenuOn): ?&gt;
      &lt;div id="content-w1"&gt;
      &lt;?php elseif($LeftMenuOn OR $RightMenuOn): ?&gt;
      &lt;div id="content-w2"&gt;   
      &lt;?php else: ?&gt;
      &lt;div id="content-w3"&gt;   
      &lt;?php endif; ?&gt;
  
          &lt;?php if ($this-&gt;countModules('position-12')): ?&gt;
          &lt;div id="content-top"&gt;
              &lt;jdoc:include type="modules" name="position-12" /&gt;
          &lt;/div&gt;
          &lt;?php endif; ?&gt;
  
          &lt;jdoc:include type="message" /&gt;
          &lt;jdoc:include type="component" /&gt;
      &lt;/div&gt;
  
  
      &lt;!-- Right Menu --&gt;
      &lt;?php if($RightMenuOn ): ?&gt;
      &lt;div id="rightmenu"&gt;
          &lt;jdoc:include type="modules" name="position-6" style="xhtml" /&gt;
          &lt;jdoc:include type="modules" name="position-8" style="xhtml" /&gt;
          &lt;jdoc:include type="modules" name="position-3" style="xhtml" /&gt;
      &lt;/div&gt;
      &lt;?php endif; ?&gt;
  
  
      &lt;!-- Footer --&gt;
      &lt;div id="footer"&gt;
          &lt;jdoc:include type="modules" name="position-14" /&gt;
      &lt;/div&gt;
  
      &lt;div id="push"&gt;&lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>