我目前需要我的 Bootstrap Nav-Tabs 来做一些事情。我需要他们：
（一旦点击了标签 li）
onClick：如果选项卡已关闭，请打开它们。如果它们在代码操作的相同范围/堆栈/气泡中打开，我需要一个直接在其上方的 div 来消失，使页面更小，并将导航选项卡向上移动到其他看起来很酷的东西下方。:)
onClick：如果单击已打开的选项卡，则选项卡部分关闭，并且上面关闭的 div 向下滑动并填充空间。（没有手风琴组件在这里不起作用，它的点击转换类型错误）
onClick：如果选项卡打开并且用户单击的选项卡与在内容 div 中打开的选项卡不同，它会像平常一样切换到它。
因此，我一直在尝试用这些新语言找出点击发生时的适当时机。我正在使用 JQuery，因为转换是我正在寻找的。我有一个$('.link').on('click', function() {} )，我一直在尝试一个.bind('click', function() {} )甚至一个.click()，或者on('click', function() {} )我无法弄清楚我需要发生哪个事件。
到目前为止，这是我的代码：
（对不起间距，当我将它粘贴到 :S 时，它的自动间距非常奇怪）
var isOpen = false;
var tabOpenName = "";
var liClicked = "";
$(document).ready(function() {
$(".link").on("click", function(event) {
liClicked = $(event.target).valueOf("id"); //Grab link clicked
// begin loop - Li
$("#tabMenu li").each(function(index, li) {
var currentListItem = $(li);
if (currentListItem.attr("class") == "active"){
isOpen = true;
tabOpenName = $(li).prop("id"); //Grab tab open
} // end if
}); // end selection loop
if (isOpen == true) {
alert(liClicked);
$("#tabContentId").slideToggle("slow");
$("#learnMoreBox").slideToggle("slow");
} // end if
}) //end .on event
}); // end query
我不认为我需要在这里提供 HTML，因为这可以使用可理解的简单术语<div id="containerToHide">等命名约定以伪代码形式返回给我...
正如我在上面提到的，#learnmore框是我的Nav-Tabs上方放置的，当标签被确认打开时，它将消失。#tabContentId 是我class="data-content"生活的 div。
目前，该网站在一定程度上有效。单击选项卡时，它们就像在索引# 0 - 4 之间单击时的选项卡一样工作。但是，只要用户单击选项卡并且其中任何一个处于活动状态，它就会切换幻灯片。我只希望在他们单击显示的选项卡时发生这种情况。不只是任何标签...
我知道我需要找到已点击的 id <a href="">。哈哈。我大声说，因为那是迄今为止我遇到的第一个也是唯一的问题。我一直在尝试使用它并让我的liClicked变量显示我的 .link 类<a href="">列表项中的哪一项被点击，并将它与我的tabOpenName变量进行比较，看看他们是否点击了打开的选项卡。
我最初希望不要比较字符串，我希望变量指向selectedIndex打开的选项卡的编号，并有条件说if(selectedIndex == 0 && tabOpenName == 'Home') then {slide}......等等。我相信你可以看到我的目标。
现在你可能想知道......哎呀......为什么他alert在最后一部分有这个？哈哈。这是因为我没有找到可以让我逐步了解 JQuery 的 IDE、Chrome 开发工具或软件，而这就是我传统上学习语言的方式。因此，我使用警报来查看是否可以找到一种在警报中返回字符串的方法。如果我可以在警报中返回一个字符串，我可以轻松地比较它...警报中的 tabOpenName 显示当前打开的选项卡的确切字符串。
帮助将不胜感激。