title: jquery onclick load div
body: <p>May I know is it possible to do this in jquery?</p>
  
  <p>I have a category link:</p>
  
  <pre><code>&lt;ul&gt;
  &lt;li&gt;&lt;a href="#"&gt;Tools&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Moulds&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Videos&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>and the content are seperated by div</p>
  
  <pre><code>&lt;div id="tools"&gt;This is the tools content&lt;/div&gt;
  &lt;div id="moulds"&gt;This is the moulds content&lt;/div&gt;
  &lt;div id="videos"&gt;This is the videos content&lt;/div&gt;
  </code></pre>
  
  <p>by default it will show tools content and other twos (moulds and videos) div are hidden. They only show when the menu is click. On top of that is it possible to put loading picture when loading the other div or something like fade in fade out animation?</p>
  
  <p>Can this be done? i search over stackoverflow but none of them meet what i want..</p>
  
  <p>thank you in advance!</p>