Jquery Hilfe, klappbare Sidebar für ein vbulletin Forum

Question

Ich versuche, eine Seitenleiste für meine Vbulletin Haut, die erweiterbar/zusammenklappbar ist. Heres mein Code:

jQuery(document).ready(function(){ 
    $(".hide").click(function(){ 
    $("#sidebar").animate({width:"0px", opacity:0}, 500); 
    $("#sidebar").animate({padding:"0"}, 500); 
    $("#sidebar").css("margin", "0"); 
    $("#sidebar").hide; 
    }); 
    $(".show").click(function(){ 
    $("#sidebar").animate({width:"150px", opactiy:100}, 500); 
    }); 

    }); 




<!--Sidebar Start--> 
<table width="$stylevar[outertablewidth]" border="0" cellpadding="0" cellspacing="0" align="center"> 
    <tr> 

    <td width="150" valign="top" class="page" id="sidebar" style="padding: $stylevar[cellpadding]px;"> 
     <a class="hide" href=#>YOUR CONTENT HERE</a> 
       <a class="show" href=#>YOUR CONTENT HERE</a> 
    </td> 


<!--SideBar End --> 

Ich möchte, dass die Seitenleiste vollständig collpase, so sieht es aus wie es dort war nicht.

Auch ich weiß mit Tabellen nicht großartig, aber es ist der einfachste Weg, um es mit Vbulletin zu tun. Oh, und ich plane, die .hide und .show aus der Sidebar zu bewegen, sobald sie fertig ist, wahrscheinlich nur links davon.

Letzte Sache, können Sie sehen, was ive getan Here Dank an alle, die helfen können.

Answer 1

Ich würde mir die extslide plugin ansehen, die slideLeftHide() und slideLeftShow() definiert. Es könnte hilfreich sein, entweder das Plugin zu benutzen oder einfach die Quelle zu durchsuchen, um zu sehen, wie sie es tun.

bearbeiten: sie scheinen das Äquivalent der folgenden Funktionen ausführen:

$(".hide").click(function(){ 
    $("#sidebar").animate({width:"hide", opacity:0}, 500); 
}); 

und

$(".show").click(function(){ 
    $("#sidebar").animate({width:"show", opacity:100}, 500); 
});