在寻找解决方案似乎很长时间后,我认为是时候问问专家。HTML链接触发某些jQuery选项卡
我已经在我的网站上实现了jQuery选项卡,但是还要选择一个选项卡来显示内容,如果您单击页面上其他标准html链接,我也希望能够显示不同的选项卡内容。
页面可以在这里看到http://www.luxury-spa-breaks.com/spa-deals-TEST.html和问题的html链接是左手边的那些(例如,用户可以选择他们想要的标签,或者从左边选择一个区域,然后显示那个区域标签内容)。
这是JS我目前有:
$(document).ready(function() {
//When page loads...
$(".tab_content").hide(); //Hide all content
$("ul.tabs li:first").addClass("active").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content
//On Click Event
$("ul.tabs li").click(function() {
$("ul.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(2000); //Fade in the active ID content
return false;
});
});
你的帮助是大规模感谢!
安迪