0
如預期的那樣,標籤1和標籤2顯示並隱藏,但嵌套div不顯示。 如何修改腳本以顯示/隱藏Tab 1 div/Tab 2 div和內嵌的div。顯示/隱藏嵌套divs的內容
腳本
$(document).ready(function() {
$("#content div").hide(); // Initially hide all content
$("#vtabs li:first").attr("id", "current"); // Activate first tab
$("#content div:first").fadeIn(); // Show first tab content
$('#vtabs a').click(function(e) {
e.preventDefault();
if ($(this).closest("li").attr("id") == "current") { //detection for current tab
return
}
else {
$("#content div").hide(); //Hide all content
$("#vtabs li").attr("id", ""); //Reset id's
$(this).parent().attr("id", "current"); // Activate this
$('#' + $(this).attr('name')).fadeIn(); // Show content for current tab
}
});
});
(function() {
var bsa = document.createElement('script');
bsa.async = true;
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(bsa);
})();
HTML
<link rel="stylesheet" href="css/tabs3.css" type="text/css" />
</head>
<body>
<div id="header">site title</div>
<div id="vtabs">
<ul>
<li>
<a href="#" name="tab1">By Service</a>
</li>
<li>
<a href="#" name="tab2">By Client</a>
<br />
</li>
</ul>
</div>
<div id="content">
<div id="tab1">Tab 1
<br />
<div>Tab 1 nested div</div>
</div>
<div id="tab2">Tab 2
<br />
<div>Tab 2 nested div</div>
</div>
隱藏/顯示嵌套div的代碼在哪裏? –