Jquery帮助，为vbulletin论坛制作可折叠的侧边栏

Question

我试图为我的vbulletin皮肤做一个可扩展/可折叠的侧边栏。 继承我的代码：

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

我希望侧边栏完全拼写，所以看起来它不存在。

我也知道使用表格不是很好，但它是用vbulletin做到最简单的方法。 哦，我计划在完成后将.hide和.show移出侧边栏，可能只是在左侧。

最后，您可以查看我做过的事情Here 感谢任何可以提供帮助的人。

Answer 1

我会看一下定义slideLeftHide()和slideLeftShow()的{​​{3}}。使用插件或浏览源代码可能会有所帮助。

修改：它们似乎与以下内容相同：

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

和

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