Click link, show information in another section
<p>I don't have any examples, but I can only explain what I need.</p>

<p>I am trying to learn with jQuery, how to show information in another div when clicking on a link?</p>

<p>For example, I have One column for a list of links for dogs. When clicking on a specific dog, theres another column that shows information about it.</p>

<p>How can I do this with jQuery and how would the HTML look? Would the list of links be inside of list items, and the information of each "dog" be in a it's own container?</p>

<pre><code>&lt;ul&gt;
   &lt;li&gt; Dog 1 &lt;/li&gt;
   &lt;li&gt; Dog 2 &lt;/li&gt;
&lt;/ul&gt;

&lt;div class="dog-info"&gt;
   &lt;div&gt; 
   &lt;h2&gt; Dog 1 &lt;/h2&gt;
   &lt;p&gt; blah blah &lt;/p&gt;
&lt;/div&gt;
</code></pre>
