How to shorthand if else in jQuery function?

Jquery onclick function HELP!?

• Well I'm on a fairly easy task I believe, but needs some help though. I have two buttons with two images underneath. Both of the images has a different class. I want the image under button 1 to be displayed by default, while the image under button 2 is hidden. And whenever button 2 is clicked I want the image from button 1 to be removed and the button 2 image displayed. And vice versa. I wanna use Jquery for the effect and was wondering if I could use the CSS property "display" to do this. I believe toggle is used in jquery to toggle the display property. But please someone help me. Heres some of the HTML. <div id="menubar"> <h3 class="clickme">News</h3><h3 class="clickme1">Dashboard</h3> <img src="line.png" class="chosen" /><img src="line.png" class="unchosen" /> </div> Unchosen = image not to be displayed by default. Hidden untill user clicks "Dashboard". Chosen = image to be displayed by default. Visible untill user clicks "Dashboard" and vice versa... Please help me anyone. Thanks in advance.

• Answer:

  General Example: <script type="text/javascript"> $(document).ready(function(){ $('#btn').click(function(){ $('#one,#two').toggle(); }); }); </script> <div id="one"></div> <div id="two"></div> <button id="btn">toggle</button>