I want to change the css attribute of element which is just next to next of selector.
I have used this syntax
$('#hide').next().next().css('display', 'block');
but i think there can be another better approach can be use like find()
or eq()
<li class="expandable">
<div class="hitarea collapsable-hitarea"></div>
<div id="hide" class="hide"></div>
<a href="#" class=""> <strong>Stitched</strong> </a>
<ul style="display: none;" id="hi">
<li> <a href="#"> Hand Block Print </a>
</li>
<li> <a href="#"> Designer </a>
</li>
<li class="last"> <a href="#"> Screen Printed </a>
</li>
</ul>
</li>
You can try
$('#hide').nextAll().eq(1).css('display', 'block');
nextAll()
returns all the next elements, eq(1)
returns the second one amongst them.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With