Как сделать DIV из JQuery Slidedown близким к другому? - PullRequest
Новая
       16

Как сделать DIV из JQuery Slidedown близким к другому?

0 голосов
/ 25 марта 2011

Я делаю Jquery SlideDown для Multiple Dvi ID, и это код, который у меня есть. Это работает очень хорошо, однако, я хотел бы посмотреть, можно ли закрыть открытый div, когда вы открываете другой. Примечание: я буду использовать более двух 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>

Спасибо! Sophie

1 Ответ

0 голосов
/ 25 марта 2011

Дайте всем вашим slidedisplay_ элементам класс display и измените код на: 

$('a.slidecontrol').click(function(){
$(".display").not($(this).next()).slideUp();
/* Rest of your click code here */
});
...