effect for tab

effect for tab

Hi Dear


I used UI for tab like this

  1. <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  2. <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
  3. <script>
  4. $(function() {
  5. $( "#tabs" ).tabs();
  6. });

  1. <div id="tabs">
  2. <ul>
  3. <li><a href="#tabs-1">Nunc tincidunt</a></li>
  4. <li><a href="#tabs-2">Proin dolor</a></li>
  5. <li><a href="#tabs-3">Aenean lacinia</a></li>
  6. </ul>
  7. <div id="tabs-1" class="toggle">
  8. <p>test1</p>
  9. </div>
  10. <div id="tabs-2" class="toggle">
  11. <p>test2</p>
  12. </div>
  13. <div id="tabs-3" class="toggle">
  14. <p>test3</p>
  15. </div>
  16. </div>
now I want to get slide effect to my tab like slide or ..

how can do that

i used this code
  1. $( document ).click(function() {
  2. $( ".toggle" ).toggle( "slide" );
  3. });
It work & slide when I click any where in my page

I want to that just when i click in my tab working.

what I must be do with that.

thanks.