JSFiddle - React, Tailwind, and code Playground

by Rahul Sharma

HTML

<li class="expandable">
    <div class="hitarea collapsable-hitarea"></div>
    <div id="hide" class="hide"></div> <a href="http://a3-401/rajrang/product/subcategorydetail.aspx?id=14&amp;name=Designer%20Salwar%20Kameez&amp;filter=1" class=""> <strong>Stitched</strong> </a>

    <ul style="display: none;" id="hi">
        <li> <a href="http://a3-401/rajrang/product/subcategorydetail.aspx?id=14&amp;name=Designer%20Salwar%20Kameez&amp;filter=1,3"> Hand Block Print </a> 
        </li>
        <li> <a href="http://a3-401/rajrang/product/subcategorydetail.aspx?id=14&amp;name=Designer%20Salwar%20Kameez&amp;filter=1,4"> Designer </a> 
        </li>
        <li class="last"> <a href="http://a3-401/rajrang/product/subcategorydetail.aspx?id=14&amp;name=Designer%20Salwar%20Kameez&amp;filter=1,5"> Screen Printed </a> 
        </li>
    </ul>
</li>

JavaScript

$('document').ready(function () {
      //$('#hide').parents().find('ul').css('display', 'block');
alert($('#hide').next().next().css('display', 'block'));
  });