0

複数のDvi IDでJquery SlideDownを実行していますが、これが私が持っているコードです。それは非常にうまく機能しますが、別のdivを開くときに開いたdivを閉じることができるかどうかを確認したいと思います。注: 2 つ以上の div を使用します。

<script type="text/javascript"> 
$(document).ready(function () {

    $('a.slidecontrol').click(function(){
        var $this = $(this);
        var divID = $this.attr("id").replace("slidecontrol_", "slidedisplay_");
        var $div = $('#'+divID);
        if ($div.is(':visible')) {
            $div.slideUp(500);
        } else {
            $div.slideDown(500);
        }
        return false;
    });

});
</script> 



</head>

<body>

<a href="#" id="slidecontrol_1" class="slidecontrol">Read More</a>

<div id="slidedisplay_1" style="display:none;">Display #1</div>

<hr/>

<a href="#" id="slidecontrol_2" class="slidecontrol">Read More 2</a>

<div id="slidedisplay_2" style="display:none;">Display #2</div>


</body>
</html>

ありがとう！ソフィー

4

1 に答える 1

0

すべてのslidedisplay_要素にクラスを与えdisplay、コードを次のように変更します。

$('a.slidecontrol').click(function(){
$(".display").not($(this).next()).slideUp();
/* Rest of your click code here */
});
于 2011-03-25T00:44:10.960 に答える