Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head> 
<script src="http://www.apus.edu/bin/b/v/jquery_v1.3.2.js" type="text/javascript"></script> 
<script src="http://www.apus.edu/bin/h/a/jquery-ui.min.js"></script> 
<link href="http://www.apus.edu/bin/j/t/tabs.css" rel="stylesheet" type="text/css" media="print, projection, screen"> 
 
<script type="text/javascript"> 
    $(document).ready(function() {
        var $tabs = $("#container-1").tabs();
      
      $('a.tt').click( function(){
        
        $tabs.tabs('select', 2);
        
      });
      
    });
  
  
</script> 
 
</head> 
 
<body> 
 
<h2> 
    TestTabs</h2> 
  
<div id="container-1"> 
    <ul> 
        <li><a href="#fragment-1"><span>1 Info</span></a></li> 
        <li><a href="#fragment-2"><span>2 Info</span></a></li> 
        <li><a href="#fragment-3"><span>3 Info</span></a></li> 
        <li><a href="#fragment-4"><span>4 Info</span></a></li> 
    </ul> 
  
    <div id="fragment-1"> 
      <h2>TestTabs1</h2> 
      <a class="tt" href="#fragment-3">want this text</a>  
    </div> 
  
    <div id="fragment-2"> 
      <p class="test"> test </p>
        <h2>TestTabs2</h2> 
    </div> 
  
    <div id="fragment-3"> 
        <h2>TestTabs3</h2> 
        <a name="tips">hello</a> 
    </div> 
  
    <div id="fragment-4"> 
        <h2>TestTabs4</h2> 
    </div> 
</div>
  </body>
</html>
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers