Simple-jQuery-Tabs/demo.html at master · jandudulski/Simple-jQuery-Tabs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>jQuery Simple Tabs Demo</title>
    </head>
    <body>
        <div class="wrapper">
            <ul class="tabs">
                <li data-panel="panel-1" data-remote="true" class="active"><a href="panel.html">Tab 1</a></li>
                <li data-panel="panel-2"><a href="index.html">Tab 2</a></li>
                <li data-panel="panel-3" data-remote="true"><a href="panel.html">Ajax Tab</a></li>
                <li data-panel="panel-4"><a href="index.html">Tab 4</a></li>
            </ul>
            <div id="panel-1">Panel 1</div>
            <div id="panel-2">Panel 2</div>
            <div id="panel-3">Panel 3</div>
            <div id="panel-4">Panel 4</div>
        </div>
        <script src="public/javascripts/jquery.js"></script>
        <script src="public/javascripts/jquery-tabs.min.js"></script>
        <script>
            (function () {
                $(".tabs").tabs();
            }());
        </script>
    </body>
</html>