Home/ Questions/Q 4109446
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T21:47:52+00:00

I am doing a Jquery SlideDown on Multiple Dvi ID and this is the

  • 0

I am doing a Jquery SlideDown on Multiple Dvi ID and this is the code that I have. It works really well however, I would like to see if it is possible to make the opened div close as you open another one. Note: I will be using more then two divs. 

<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>

Thanks!
Sophie

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Give all of your slidedisplay_ elements the class display, and change your code to:

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