0

ありますJQuery accordion：

<script type="text/javascript" >

    $(document).ready(function() {

        $('div.accordionButton').click(function() {
            $('div.accordionContent').slideUp('slow');  
            $(this).next().slideDown('slow');
        });
        $("div.accordionContent").hide();

    });

</script>

オブジェクトdiv「accordionButton」を最初にクリックすると、そのサブコンテンツがスライドで表示されます。オブジェクトdiv"accordionButton"を再度クリックして、このサブコンテンツを非表示にするにはどうすればよいですか？

4

2 に答える 2

2

こんにちは、これを非常にコンパクトにしてみてください。

$(function(){
   $(".accordionButton").click(function(){
      $(this).next(".accordionContent").slideToggle();
   });
});

フィドルを確認してください：

http://jsfiddle.net/jaiprakashsah/9zw6b/1/

</p>

于 2012-05-21T06:44:07.420 に答える
1

できます ！

$(document).ready(function() {

    $('div.accordionButton').click(function() {
        $('div.accordionContent').slideUp('slow');  
        if(!$(this).next().is(':visible')){
        $(this).next().slideDown('slow');
        }
    });
    $("div.accordionContent").hide();


});​

http://jsfiddle.net/ipsjolly/m4BTd/

更新されたフィドル:-

http://jsfiddle.net/ipsjolly/m4BTd/1/

于 2012-05-21T06:27:30.240 に答える