Simple JavaScript hide/show
Yes, it's too complex. Make the elements relate to each other, so that you can use a single event handler. This is the typical pattern used to link two DOM elements together, so that one can hide/show/otherwise interact with the other.

&lt;a href="#one"&gt;Show1&lt;/a&gt;
&lt;a href="#two"&gt;Show2&lt;/a&gt;
&lt;a href="#three"&gt;Show3&lt;/a&gt;

&lt;p class="default"&gt;This is default content.&lt;/p&gt;
&lt;p id="one"&gt;This is content 1.&lt;/p&gt;
&lt;p id="two"&gt;This is content 2.&lt;/p&gt;
&lt;p id="three"&gt;This is content 3.&lt;/p&gt;


And:

$('a').click(function (event) {
  event.preventDefault();
  $('p').hide();
  $($(this).attr('href')).show();
});