Problem with sub-menu showing/hiding on click
<p>I followed a great example of how to make a sub-menu appear/disappear on click <a href="http://stackoverflow.com/questions/5924353/jquery-show-hide-multiple-divs-from-menu-and-menu-within-div">here</a> and made it work. Quite an accomplishment since I'm just starting with javascript.  But just as I made it work a few other problems came up, I'll try to explain:</p>

<p>1.- I have a vertical main menu and one of the options, 'Products' has a sub-category that opens on hover below the parent item.  When selecting one of its sub-categories, a bigger menu shows up in a new div to the right of the main menu.  When this happens, the selected sub-category changes color and displays a bullet so the user knows which sub-category they are viewing.  I was doing this using PHP to detect the current page and assign an "active" id.  But when I had it like that the sub-menu show/hide didn't work and all the options were showing when first entering the page.  So I changed the link reference from "page.php" to "#" ­---which makes more sense since that option is not meant to be a link rather than just display another sub-menu but had to include it for the sake of displaying the 'active' id--- and now the show/hide works except after I click a sub-category, the menu to the right opens, but the previously selected sub-category that opens on hover closes and the php detect function doesn't work because I changed the reference to "#" and the link doesn't show an 'active' status; in fact, the 'home' option stays selected even when the second div is already showing.</p>

<p>It sounds confusing, I know.  <a href="http://jsfiddle.net/brunn/tkVfX/2/" rel="nofollow">Here's</a> the example, I hope it's clear what I'm trying to do.  I'd appreciate if anyone knows a way around this.</p>

<p>2.-  Once I can get this fixed, is there a way to make the second div slide from left to right instead of fading in?</p>

<p>Thanks in advance :)</p>
