Questions About Hanover Park

How do I create multiple show and hide toggle buttons using jQuery?

Basically I've been trying to use jQuery to show() and hide() a sub navigation in my content. I've found code which shows and hides when a button is clicked, however, I've been trying to make it so that when one nav button is clicked it will open the content below it but when another nav button in that list is clicked after, it will show that content and hide the previous one.

Any help will be greatly appreciated.

Sub Nav HTML

                        <ul id="subNav">
                            <li>
                                <a class="showSingle" target="1">
                                    BLOMFIELD ROAD, 2012
                                    <img src="images/sub-nav-1.jpg" alt="Blomfield Road 2012" />
                                </a>
                            </li>
                            <li>
                                <a class="showSingle" target="2
    
http://www.stackoverflow.com/questions/12751883/how-do-i-create-multiple-show-and-hide-toggle-buttons-using-jquery