Question

我有一个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>

jQuery选项卡 - 同一div的多个链接

0 个答案: