0
我正在使用以下代码在jquery中创建一个选项卡,并且当有人单击它时打开该特定选项卡。所以可以修改它,以便它可以按指定的时间间隔旋转制表符。jquery选项卡自动滑动
// Tabs
// When page loads...
$(".tab-content").hide(); //Hide all content
$("ul.sidebar-tabs li:first").addClass("active").show(); //Activate first tab
$(".tab-content:first").show(); //Show first tab content
// On Click Event
$("ul.sidebar-tabs li").click(function() {
$("ul.sidebar-tabs li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".tab-content").hide(); //Hide all tab content
var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active ID content
return false;
});
为同一的HTML代码,
<ul class="sidebar-tabs">
<li><a href="#tab-1">Tab1</a></li>
<li><a href="#tab-2">Tab2</a></li>
</ul><!-- //sidebar-tabs -->
<div class="tab-container">
<div id="tab-1" class="tab-content">
<div>
<div id="tab-2" class="tab-content">
<div>
</div>
是否可以修改上面的代码? – Ajay
我已更新我的答案,并检查并回复它是否有效! – coder
没有。它不起作用。我还添加了html代码... – Ajay