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!
- <ul id="main-nav">
- ....<li> </li>....
<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>
- <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>
- ....<li> </li>....
</ul>