0

我有一个 jQuery 选项卡部分，其中包含几个 div 部分。整个顶部的每个部分都有一个链接，但我希望在 div 中也有相同的链接，以便在页面首次加载时也显示内容。基本上，有两种不同的方法可以访问隐藏的 div。我试图只复制顶部的链接，但如果我添加多个相同的链接，它似乎不起作用。我需要为每个链接添加另一个名称吗？

这是选项卡部分的代码：

$(document).ready(function() {
$("#content div").hide(); // Initially hide all content
$("#tabs li:first").attr("id","current"); // Activate first tab
$("#content div:first").fadeIn(); // Show first tab content

$('#tabs 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
    $("#tabs li").attr("id",""); //Reset id's
    $(this).parent().attr("id","current"); // Activate this
    $('#' + $(this).attr('name')).fadeIn(); // Show content for current tab
    }
});

});

这是HTML：

<a href="#" name="section1">Link One</a>
<a href="#" name="section2">Link Two</a>

<br><br>

<div id="section1">
My text and information goes here. <<ALSO WANT A LINK HERE TO OPEN THE SECOND DIV BELOW>>
</div>


<div id="section2">
My text and information goes here.
</div>
4

0 回答 0