title: jquery tabs using radio button checked instead of link click
body: <p>i want to do jquery tabs but this time i want the tabs toggle depend on radio button check not just a link click this is the normal jquery tabs </p>
  
  <pre><code>&lt;div id="tab-container" class="tab-container"&gt;
    &lt;ul class='etabs'&gt;
      &lt;li class='tab'&gt;&lt;a href="#tabs1-html"&gt;HTML Markup&lt;/a&gt;&lt;/li&gt;
      &lt;li class='tab'&gt;&lt;a href="#tabs1-js"&gt;Required JS&lt;/a&gt;&lt;/li&gt;
      &lt;li class='tab'&gt;&lt;a href="#tabs1-css"&gt;Example CSS&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
    &lt;div id="tabs1-html"&gt;
      &lt;h2&gt;HTML Markup for these tabs&lt;/h2&gt;
      &lt;!-- content --&gt;
    &lt;/div&gt;
    &lt;div id="tabs1-js"&gt;
      &lt;h2&gt;JS for these tabs&lt;/h2&gt;
      &lt;!-- content --&gt;
    &lt;/div&gt;
    &lt;div id="tabs1-css"&gt;
      &lt;h2&gt;CSS Styles for these tabs&lt;/h2&gt;
      &lt;!-- content --&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script src="/javascripts/jquery.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/javascripts/jquery.hashchange.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/javascripts/jquery.easytabs.js" type="text/javascript"&gt;&lt;/script&gt;
  $('#tab-container').easytabs();
  
  
  .etabs { margin: 0; padding: 0; }
  .tab { display: inline-block; zoom:1; *display:inline; background: #eee; border: solid 1px #999; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
  .tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; }
  .tab a:hover { text-decoration: underline; }
  .tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #666; }
  .tab a.active { font-weight: bold; }
  .tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
  </code></pre>
  
  <p>here the link for this toutrial ----- <a href="http://os.alfajango.com/easytabs/#tabs1-css" rel="nofollow">http://os.alfajango.com/easytabs/#tabs1-css</a></p>
  
  <p>i want to make like this tabs but instead of make the action happened when click on the tabs links i want to put radio button and this action happened when the radio checked but i don't know how</p>
  
  <p>here a link for other example for the normal jquery tabs <a href="http://jqueryui.com/tabs/" rel="nofollow">http://jqueryui.com/tabs/</a></p>