vbulletinフォーラムのために折り畳み可能なサイドバーを作成するJQueryのヘルプ

Question

私のvbulletinスキン用のサイドバーを拡張/折りたたみ可能にしようとしています。 HERESに私のコード：

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 --> 

私はサイドバーが完全にcollpaseしたいので、それが波平のように見えます。

また、私はテーブルを使用するのは大変ですが、それはvbulletinで行うのが最も簡単な方法です。 ああ、私はサイドバーから.hideと.showを動かすことを計画しています。

最後に何をしているのかを見ることができますHere お手伝いいただける方に感謝します。

Answer 1

私は、slideLeftHide()とslideLeftShow()を定義するextslide pluginを見ていきます。プラグインを使用するか、ソースの参照方法を調べるのに役立ちます。

編集：彼らは、次の同等のものを行うために表示されます。

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

と

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