Home/ Questions/Q 7412925
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T06:37:01+00:00

I am using the jQuery and HTML shown on this fiddle and for the

  • 0

I am using the jQuery and HTML shown on this fiddle and for the life of me am not able to manually fire individual tabs.

http://jsfiddle.net/DkHyd/

$("h3").toggleClass("ui-accordion-header-active ui-state-active ui-state-default ui-corner-bottom").find(".ui-icon").toggleClass("ui-icon-triangle-1-e ui-icon-triangle-1-s").end().next().slideToggle();

The above jQuery will toggle all of the elements, but if I reference an individual in this manner:
$(“#ToggleHeader”).etc
it will not work.

I’d love some help and hopefully an explanation why this isn’t working for me.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The solution you tried doesn’t work because the selector $("h3") matches every h3 on the page, so the operations that follow are applied to all of them. The second solution you tried didn’t work because the h3 elements in your html code do not have any ids.

    Add an id to each element, and then select the header using the id selector $("#ToggleHeader")

    <h3 id="ToggleHeader"><a href="#">Section 1</a></h3>

    etc..

    • 0