html

<a href="#" class="showhide" source="one"> Thing </a>
<div id="one">aaa</div>

<a href="#" class="showhide" source="two"> Other Thing</a>
<div id="two">bbbb</div>
​

js

jQuery('.showhide').live( 'click' , function () {
    $(this).next().slideToggle( 'slow',function(){
        $(this).prev().text(function(){
         if ($(this).next().is(":visible")) return "Hide"; 
           else return "Show"; 
        });  
    } );
    return false;
}).next().hide();

​

js2

(function (a) {
    a(function () {
        a(".toggle-nav").live("click", function (b) {
            var c = a(b.currentTarget);
            c.hasClass("open") ? (c.removeClass("open"), a("#megaDrop").slideUp(400)) : (c.addClass("open"), a("#megaDrop").slideDown(400))
        })
    })
})(jQuery);