Hi i am writng a simple visualforce page source code is
<apex:page >
<!-- Begin Default Content REMOVE THIS -->
<head>
<apex:includeScript value="{!URLFOR($Resource.UIJQuery1822, 'js/jquery-1.7.2.min.js')}"/>
<apex:includeScript value="{!URLFOR($Resource.Bootstrap, 'bootstrap/js/bootstrap.min.js')}"/>
<apex:includeScript value="{!URLFOR($Resource.Bootstrap, 'bootstrap/js/bootstrap.js')}"/>
<apex:stylesheet value="{!URLFOR($Resource.Bootstrap, 'bootstrap/css/bootstrap.min.css')}"/>
<apex:stylesheet value="{!URLFOR($Resource.Bootstrap, 'bootstrap/css/bootstrap.css')}"/>
<apex:stylesheet value="{!URLFOR($Resource.Bootstrap, 'bootstrap/css/bootstrap-responsive.min.css')}"/>
<apex:stylesheet value="{!URLFOR($Resource.Bootstrap, 'bootstrap/css/bootstrap-responsive.css')}"/>
<script type="text/javascript">
$(function() {
$( "#tabset" ).tabs();
});
</script>
<Title>Hello World</Title></head>
<Body>
<div id="tabset">
<ul>
<li><a href="#panel1">Tab One</a></li>
<li><a href="#panel2">Tab Two</a></li>
<li><a href="#panel3">Tab Three</a></li>
</ul>
<div id="panel1"> Hello World1</div>
<div id="panel2">Hello World2</div>
<div id="panel3">Hello World3 </div>
</div>
</Body>
</apex:page>
i am trying to create a set of three tabs but its showing an unordered list and three div element no tab,means jquery code is not working .can any one please tell me why it is not working,and give me the suggestion that how to make it work?
JQuery file is necessary for performing some operation and whereas jquery ui is necessary for tabs please check the below link jqueryui.com /tabs/ Necessary files for tabs with jquery code.jquery.com/ui/1.9.2/jquery-ui.js code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css