Tabbed Panes show just hyperlinks, no interface
Hello,
I want to use jQuery for Tabbed Panels. I do the following. It does not work. I just get the links and and text text below it. I am new to using this.
- <link type="text/css" href="template.css" rel="stylesheet" />
- <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
- <script type="text/javascript" src="js/jquery-ui-1.8.10.custom.min.js"></script>
- <script type="text/javascript">
- $(function() {
- $( "#tabs" ).tabs();
- });
- </script>
- <div class="demo">
- <div id="tabs">
- <ul>
- <li><a href="#tabs-1">Tab-3</a></li>
- <li><a href="#tabs-2">Tab-5</a></li>
- <li><a href="#tabs-3">Tab-7</a></li>
- </ul>
- <div id="tabs-1">
- <p>Data1</p>
- </div>
- <div id="tabs-2">
- <p>Data2</p>
- </div>
- <div id="tabs-3">
- <p>Data3</p>
- </div>
- </div>
- </div>
Also, instead of the Data1, Data2, Data3 I want to put tables and populate it from SQL query. How can I go about it?
Thanks a lot !!