IE only jQuery bug
<p>demo for reference: <a href="http://greg-j.com/static-content/accordian/" rel="nofollow">http://greg-j.com/static-content/accordian/</a></p>

<p>When viewed in any other browser, the toggler works as you would expect it to. However, in IE (I'm using 8), you can only contract the currently expanded sub menu, and then you get undesired results once it is closed.</p>

<p>Example html:</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"&gt;&lt;/script&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
&lt;title&gt;Untitled&lt;/title&gt;
&lt;link type="text/css" rel="stylesheet" href="http://meyerweb.com/eric/tools/css/reset/reset.css" /&gt;
&lt;style type="text/css"&gt;
body{margin: 50px; font-family: arial; font-size: 12px}
div{width: 172px; margin: 0 auto;}
a{text-decoration: none; color: #006ecf}
.gMenu{
    background: #fafbfc;
    border-left: solid 1px #abc1d6;
    border-right: solid 1px #abc1d6;
    padding: 5px 0;
}
.gMenu ul{
    background: white;
    border-top: solid 1px #dbe6f0;
    border-bottom: solid 1px #dbe6f0;
    position: relative;
    top: 4px;
}
.gMenu li{
    line-height: 16px;
    padding: 4px 0;
    position: relative;
}
.gMenu li li{
    padding-left: 10px;
    font-size: 11px;
}

.gMenu a{
    padding: 0 4px;
}
.gMenu ul a{
    padding: 0;
}
.gMenu a:hover{
    color: #000;
    text-decoration: underline;
}
.gMenu em{
    color: #abc1d6;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div&gt;
&lt;ul class="gMenu"&gt;
    &lt;li class="gm-active"&gt;&lt;a href="#"&gt;Bodywork&lt;/a&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;Fairing Bolt Kits&lt;/a&gt; &lt;em&gt;(23)&lt;/em&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Fairing Brackets&lt;/a&gt; &lt;em&gt;(2)&lt;/em&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Fairings&lt;/a&gt; &lt;em&gt;(17)&lt;/em&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Fender Eliminator Kits&lt;/a&gt; &lt;em&gt;(6)&lt;/em&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Front Fenders&lt;/a&gt; &lt;em&gt;(5)&lt;/em&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Graphics Kits&lt;/a&gt; &lt;em&gt;(223)&lt;/em&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Huggers&lt;/a&gt; &lt;em&gt;(40)&lt;/em&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Under Trays&lt;/a&gt; &lt;em&gt;(7)&lt;/em&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Windscreens&lt;/a&gt; &lt;em&gt;(3)&lt;/em&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;

    &lt;li&gt;&lt;a href="#"&gt;Books&lt;/a&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;Service Manuals&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;

    &lt;li&gt;&lt;a href="#"&gt;Brakes&lt;/a&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;Brake Hardware&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Brake Lines&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Brake Pads&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Brake Rotors&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;

    &lt;li&gt;&lt;a href="#"&gt;Controls&lt;/a&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;Bar Ends&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Cables&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Handlebars&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Levers&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Mirrors&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Pedals&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Quick Shift Kits&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Rearsets&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Stabilizers&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Throttles&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Triple Clamps&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;

    &lt;li&gt;&lt;a href="#"&gt;Caps, Covers, Guards&lt;/a&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;Axle Covers&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Chain Guards&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Heel Guards&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Mirror &amp;amp; Signal Block Offs&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Oil Caps and Dipsticks&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Reservoir Covers&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;

    &lt;li&gt;&lt;a href="#"&gt;Drive&lt;/a&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;Chain and Sprocket Kits&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Front Countershaft Sprockets&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;O-Ring Chains&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Rear Drive Sprockets&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Roller Chains&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;

    &lt;li&gt;&lt;a href="#"&gt;Electrical&lt;/a&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;Accessory Lighting&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Alarms&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Batteries&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Gauges&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Marker Lights&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Radar Detectors&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Spark Plugs&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Taillights&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Turn Signals&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;

    &lt;li&gt;&lt;a href="#"&gt;Engine&lt;/a&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;Clutch Discs&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Clutch Kits&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Clutch Springs&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Oil Filters&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;

    &lt;li&gt;&lt;a href="#"&gt;Exhaust&lt;/a&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;Complete Exhaust Systems&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Heat Shields&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Slip-On Mufflers&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;

    &lt;li&gt;&lt;a href="#"&gt;Frame &amp;amp; Swingarm&lt;/a&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;Frame Sliders&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Kickstands&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;License Plate Kits&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Stand Adapters&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Swingarm Extensions&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Swingarm Spools&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;

    &lt;li&gt;&lt;a href="#"&gt;Fuel Systems&lt;/a&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;Fuel Injection Mapping&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;

    &lt;li&gt;&lt;a href="#"&gt;Suspension&lt;/a&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;Fork Seals&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Rear Lowering Kits&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Shock Absorbers&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;

    &lt;li&gt;&lt;a href="#"&gt;Tanks&lt;/a&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;Gas Caps&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Tank Bras&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Tank Protectors&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Traction Pads&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;

    &lt;li&gt;&lt;a href="#"&gt;Intake&lt;/a&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;Air Filters&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Velocity Stacks&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;

    &lt;li&gt;&lt;a href="#"&gt;Tires&lt;/a&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;Front Tires&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Rear Tires&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;                
&lt;/ul&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Example JS:</p>

<pre><code>(function($){

    $.fn.gMenu = function(options) {

        var o = $.extend({
            speed: "fast"
        }, options);

        return this.each(function() {

            var $ul = $('ul', this),             // Get this ul's decendant ul's
                $li = $(this).children('li');    // Get only the first decendant li's in this ul

            $ul.not('.gm-active ul').hide();

            // Create toggler elements for the first decendant li's only
            $li.children('a').after(
              $('&lt;span&gt;', { html: "toggle", 'class': "gm-toggler"}).hide()
            );

            var $toggler = $li.find('.gm-toggler');

            // Only show the toggler when a collapsed menu item is hovered
            $li.hover(function(){
               $('.gm-toggler', this).toggle();
            });

            // Only show one child menu at a time. Never collapse them all
            $toggler.click(function(){

                // get this togglers parent ul
                var $current = $(this).parent().find('ul');

                // slide all other child menu up and remove its .active class
                $($ul).not($current).slideUp(o.speed)
                    .parent().removeClass('gm-active');

                // Stop sliding this togglers menu if it is animating and slide it the other direction
                $current.stop(false,true).slideToggle(o.speed);

                // If this togglers menu is active ...
                $(this).parent('li').toggleClass('gm-active');
            });
        });
    };
})(jQuery);

$(document).ready(function(){
    $('.gMenu').gMenu({
        speed: 200
    });
});
</code></pre>
