Speed up development with full-stack environments for every branch.

Learn More

jQuery UI Tabs

15441 Runs 45998 Views 19744 Copies


dipesh.parmar 55

published 4 years ago

    <!doctype html>
    <html lang="en">
      <meta charset="utf-8" />
      <title>jQuery UI Tabs - Default functionality</title>
      <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
      <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
      <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
      <link rel="stylesheet" href="/resources/demos/style.css" />
      $(function() {
        $( "#tabs" ).tabs();
    <div id="tabs">
      <li><a href="#tabs-1">Tab 1</a></li>
    	<li><a href="#tabs-2">Tab 2</a></li>
    	<li><a href="#tabs-3">Tab 3</a></li>
      <div id="tabs-1">
    	<p>Tab one content.</p>
      <div id="tabs-2">
    	<p>tab two content.</p>
      <div id="tabs-3">
    	<p>tab three content.</p>
    Please login/signup to get access to the terminal.

    Your session has timed out.

    Dismiss (the page may not function properly).