Traverse DOM?

Traverse DOM?

Hi,

I have the following HTML.  I'm trying to change the style for a "specific ul" from display:none" to "display:block" via jquery.

So using JQuery, what would be the code to set the UL tag to  "display:block" for the "Parties" section given the HTML structure below.

Any help appreciated

Thanks!

  1. <ul id="main-nav">
     

  2. ....<li> </li>....

  3.   <li>
        <a class="nav-top-item">Parties</a>
        <ul style="display: none;">
          <li><a href="">Add Party</a></li>
          <li><a href="">Past Party</a></li>
        </ul>
      </li>







  4. <li>
        <a class="nav-top-item">Shows</a>
        <ul style="display: none;">
          <li><a href="">Add Show</a></li>
          <li><a href="">Past Show</a></li>
        </ul>
      </li>
     







  5. ....<li> </li>....
     
     </ul>