The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript .slideToggle one div a time

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #36978

    Hello All!

    I am having some problems configuring the jQuery .slideToggle to only open one div per click. I have two links – each link toggles open/close a separate div – however if one div is open, and the link to toggle the second div is clicked, they both remain open and stacked on each other.

    My goal is to configure this to only allow one div to be toggled open at a time. If the first div is open—clicking the link to toggle the second will close the open div.
    It seems to be something quite simple, but I can’t seem to wrap my hands on it. Any help is much appreciated. Thank you.

    Here is a jsFiddle Link:


    How about this:

    I have removed the duplication that you have going on in your code, so that way it doesn’t matter how many list items you have; the one function will work. I’d love for someone who knows more about jQuery to step in and suggest improvements.


    Right, I have updated the above link :)


    @NSR Of course, sorry. Here it is with that taken care of:


    Not without having to rewrite the jQuery for each anchor/div pair (as you originally had). I would try and use positioning to make my version work.


    Good point @karlpcrowley, I have updated the fiddle to do just that:


    How would one accomplish this with divs instead of lists?
    [Website in progress]( “Website in progress”)

Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.