0

ページのセクションを展開および折りたたむことができる次のjqueryがあります。また、最後に展開されたセクションを記憶し、ページがリロードされたときにそれを適用します。

私がやりたいことは、「すべて展開」と「すべて折りたたむ」リンクを自分のページに追加することですが、スクリプトがどのように見えるかわかりません。何か援助はありますか？

<script type='text/javascript'>
$(function () {
    $(".toggle").hide();                                       //Hide .toggles

    $(window).load(function () {
        $('.toggle').not(':hidden').prev('.trigger').trigger("click");
    });

    $('.trigger').each(function () {                           //For each .trigger
        var theActive = $.cookie($(this).attr('id'));          //Retrieve the cookies
        if (theActive) {                                       //Verify if cookies exist
            $('#' + theActive).next(".toggle").slideDown(0);   //And slide down the respective .toggle
        }
    });

    $(".trigger").toggle(                                      //Toggle permits alternate clicks
   function () {
   $(this).next('.toggle').slideDown('slow');                  //On odd clicks, .toggle slides down...
   $.cookie($(this).attr('id'), $(this).attr('id'));           //...and the cookie is set by its ids.
   }, function () {
   $(this).next('.toggle').slideUp('slow');                    //On even clicks, .toggle slides up...
   $.cookie($(this).attr('id'), null);                         //...and the cookie is deleted.
   });
});

セクション 1 
<div class = "toggle">
  Some stuff
</div>    
<h3 class = "trigger" id="H1">Section 2</h3>
<div class = "toggle">
  More stuff
</div>
4

1 に答える 1

0

私が間違っていない限り、toggle クラスは展開したいセクションなので、

$(".toggle").slideDown();

クラストグルですべての要素を下にスライドする必要があります。すべて折りたたむボタンには、slideUp を使用します。

于 2012-10-19T13:05:28.843 に答える