Is there a better way to format multiple events?
<p>Ok so I have multiple things happening here on one click but I'm wondering if there is a better way to format or do it?</p>

<pre><code>&lt;ul&gt;&lt;li&gt;Hello&lt;/li&gt;&lt;li&gt;Welcome&lt;/li&gt;&lt;li&gt;Howdy&lt;/li&gt;&lt;/ul&gt;
&lt;div class="first"&gt;Goodbye&lt;/div&gt;&lt;div class="second"&gt;See ya&lt;/div&gt;&lt;div class="third"&gt;Later Gator&lt;/div&gt;

$('li:first-child').click(function(){
$('li:nth-child(2)').removeClass('this');
$('li:nth-child(3)').removeClass('this');
$('.second').hide();
$('.third').hide();
$('li:first-child').addClass('this');
$('.first').show(); });
</code></pre>

<p>Respectively, doing it this way I need the same process when the other's are clicked. </p>

<p><a href="http://jsfiddle.net/thatrockz/5EYBf/16/" rel="nofollow">jsfiddle</a></p>
