вкладки jquery исчезают при повторном нажатии

Question

Вот моя тестовая страница (прямо сейчас не возражаю против макета)

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

Я нашел что-то странное. если вы щелкаете вперед и назад между вкладкой 1 и вкладкой 2, это нормально.

если вы нажмете вкладку 3 и перейдете на другую вкладку, содержимое исчезнет ... и я не могу понять, почему ???

Я ошеломлен и не могу понять, почему он это делает .... Это элемент display: hide в 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

Answer 1

Я вижу, как вы настраиваете отображение для этих вкладок:

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" ...

Так что я подозреваю, что происходит то, что вам нужно убедиться, что когда на третьей вкладке я нажал, что «текущий» класс удален из предыдущего текущий класс и затем " добавлено " на вкладку 3: