title: Jquery Div content change when click LI option
body: <p>What's up guys I'm here to ask how i change the div content when click the link
  here is the code:</p>
  
  <pre><code>    &lt;html&gt;
      &lt;div id="bigpanel"&gt;
      &lt;div id="tabs"&gt;
      &lt;div id="fragment-1" class="ui-tabs-panel"&gt; &lt;/div&gt;  
      &lt;div id="fragment-2" class="ui-tabs-panel ui-tabs-hide"&gt;&lt;/div&gt;
      &lt;div id="fragment-3" class="ui-tabs-panel ui-tabs-hide"&gt;&lt;/div&gt;
      &lt;div id="fragment-4" class="ui-tabs-panel ui-tabs-hide"&gt;&lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div id="banerprods"&gt;
      &lt;h2&gt;&lt;a href="#"&gt; Drinks &lt;/a&gt; /&lt;a href="#"&gt; Food &lt;/a&gt;/&lt;a href="#"&gt; Misc&lt;/a&gt;&lt;/h2&gt;
      &lt;div id="prodsmiddle"&gt;
      &lt;table width="880" border="0" cellspacing="0" cellpadding="0"&gt;
      &lt;tr&gt;
      &lt;td&gt;&lt;li class="ul-buttom ul-buttom-hide"&gt;&lt;a href="#fragment-1"&gt;1&lt;/a&gt;&lt;/li&gt;&lt;/td&gt;
      &lt;td&gt;&lt;li class="ul-buttom ul-buttom-hide"&gt;&lt;a href="#fragment-2"&gt;2&lt;/a&gt;&lt;/li&gt;&lt;/td&gt;
      &lt;td&gt;&lt;li class="ul-buttom ul-buttom-hide"&gt;&lt;a href="#fragment-3"&gt;3&lt;/a&gt;&lt;/li&gt;&lt;/td&gt;
      &lt;td&gt;&lt;li class="ul-buttom ul-buttom-hide"&gt;&lt;a href="#fragment-4"&gt;4&lt;/a&gt;&lt;/li&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;/table&gt;
      &lt;/ul&gt;       
      &lt;/div&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p>i already try this:</p>
  
  <pre><code>&lt;script src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;
      &lt;script&gt;
          $(document).ready(function(){
              $(".ui-tabs-panel").hide;
              $(".ul-buttom ul-buttom-hide").click(function () {
              var divname= this.value;
                $("#"+divname).show("slow").siblings().hide("slow");
          });
  
          });
      &lt;/script&gt; "
  </code></pre>
  
  <p>but didnt work!
  PLEASE HELP!!!</p>