0

所以，我已经成功地获得了一个通过单击月份来显示/隐藏 div 的脚本。

如果您滚动到http://kaye.at/test/的底部并单击“四月”或“五月”，您可以看到它正在工作。

问题是我不喜欢它在关闭时向左滑动的动画效果，我宁愿它向下或向后滑动，但在 javascript 中找不到修改它的位置？

这是JS：

$(document).ready(function() {
  $('.nav-toggle').click(function(){
        //get collapse content selector
        var collapse_content_selector = $(this).attr('href');                   
        //make the collapse content to be shown or hide
        var toggle_switch = $(this);
        $(collapse_content_selector).toggle(function(){
           if($(this).css('display')=='none'){}else{}
        });
   });
});

和 HTML：

<div id="wrapper-alt" class="shade8">
  <div class="content">
    <h1 class="full"><a href="#collapse1" class="nav-toggle shade81">APRIL</a></h1>
  </div>
</div>

<div id="collapse1" style="display:none">
   <div id="wrapper-alt" class="shade8">
     <div class="content">
         Content goes here
     </div>
   </div>
</div>

抱歉，如果我的 JS 乱七八糟，我是一个完全的业余爱好者，只是为了乐趣和学习而玩弄它！

另外，我刚刚注意到它不适用于多个 DIV，所有链接只打开 1 个 div，我如何将它用于多个不同的 DIV？

4

2 回答 2

2

slideToggle() jquery 的方法

$('.nav-toggle').click(function(){
        //get collapse content selector
        var collapse_content_selector = $(this).attr('href');                   

        //make the collapse content to be shown or hide
        var toggle_switch = $(this);
        $(collapse_content_selector).slideToggle(function(){
          if($(this).css('display')=='none'){}else{          
          }
        });
      });
于 2013-06-07T11:41:18.800 回答
0

I ended up using a different script as I couldn't seem to get it to work correctly!

于 2013-06-07T12:25:04.197 回答