Home/ Questions/Q 8142679
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T12:53:37+00:00

I know the title isn’t the best, I didn’t know how to put this

  • 0

I know the title isn’t the best, I didn’t know how to put this in one sentence.
Anyway, I’ve got some php code creating pairs of links and corresponding boxes which should toggle, when I hit the link. Now I was wondering how you do this in jQuery “the right way”.

Until now I gave every link the class togglelink and an ID togglelink1, togglelink2 etc. The boxes then have the ID togglebox1… So I respond to $(".togglelink").click(), get the current ID, parse the number, add it to the box-ID and toggle the object.

This doensn’t seem very straight foward as it’s a task I’m sure is pretty common. Any suggestions on how I could improve this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Depending on how your page is layed out you could use next to find the div to toggle. This way there would be no need for IDs.

    $('.togglelink').click(function() {
    $(this).next('.togglebox').toggle();
});

<a href="#" class="togglelink">Link 1</a>
<div class="togglebox">Box 1</div>

<a href="#" class="togglelink">Link 2</a>
<div class="togglebox">Box 2</div>
    • 0