[Solved] Jquery effect works on only the first id


Use class attribute as id should be unique for every element. id represents only one element that’s why it should be unique. So when you apply selector it only selects the first element that it founds on the page.

do like this:

 <div class="accordionSlide">
                        <a href="https://stackoverflow.com/solutions/wireless-remote-monitoring/index.html">Wireless Remote Monitoring</a>
                    </div> 

and jquery:

 var allPanels = $('.accordionSlide');

   allPanels.hide();

solved Jquery effect works on only the first id