重新单击时,jquery选项卡消失

时间:2010-04-14 21:40:12

标签: jquery tabs

这是我的测试页面(不介意现在的布局)

https://www.bcidaho.com/test_kalyani/employer-plans-test.asp

我发现了一些奇怪的东西。如果你在标签1和标签2之间来回点击,那就好了。

如果你点击标签3,并进入另一个标签,内容消失了......我无法弄清楚为什么???

我很难过,也无法弄明白为什么会这样做....它是一个显示:隐藏CSS中的元素吗?

这是CSS文件的链接:https://www.bcidaho.com/css/employer.css

这是我使用的javascript文件的链接: https://www.bcidaho.com/js/ui.toggle-employers.js https://www.bcidaho.com/js/tabbed-menu3.js

1 个答案:

答案 0 :(得分:0)

我看到您为这些标签设置显示的方式是:

tab1: <div class="current"..
tab2: <div class="tab "..
tab3: <div class="tab "..

当您点击标签2时,它会变为

tab1: <div class="tab"..
tab2: <div class="tab current" ...
tab3: <div class="tab" ...

当您点击标签1后,它会变为

tab1: <div class="tab current "...
tab2: <div class="tab" ...
tab3: <div class="tab" ...

但是当您点击标签3时,我会看到:

tab1: <div clas="tab" ...
tab2: <div class="tab" ...
tab3: <div class="tab" ...

所以我怀疑发生了什么,你需要确保当我点击三个标签时,“当前”类 从前一个删除 strong>当前类,然后将“添加”添加到标签3: