Остановка и закрытие вкладки при нажатии 2-й вкладки - jQuery Tabs Navigation - PullRequest
0 голосов
/ 15 сентября 2011

У меня есть вкладка навигации здесь: http://jsfiddle.net/EghAt/

Когда я нажимаю Tab 1, он выводит все мои элементы списка под этой вкладкой - Отлично!Однако, если я нажимаю Tab 2, пока Tab 1 все еще выводит, он не закрывает Tab 1 и вместо этого продолжает выводить из обоих.

Я хотел бы закрыть Tab 1, если нажата Tab 2 и наоборот.

Как мне добиться этого с помощью моего кода?

Большое спасибо за любые указатели.

Ответы [ 2 ]

0 голосов
/ 15 сентября 2011

Несмотря на то, что вам нравится решение для тайм-аутов, вы можете использовать альтернативу, в которой вы используете глобальную переменную ( gasp ) для хранения идентификатора последнего нажатого ul в переменной с именем lastClickedId.

Затем, вместо того чтобы использовать задержку для отображения элементов списка, вы можете использовать рекурсивную функцию, чтобы связать обратный вызов toggleFade так, чтобы он вызывал исчезновение следующего элемента li. В вашей функции обратного вызова вы будете проверять, является ли родительский элемент текущего списка тем же, что и lastClickedId, и, если оно истинно, выполнить замирание для текущего элемента li. В противном случае это нарушает рекурсию.

0 голосов
/ 15 сентября 2011

Разрешено: http://jsfiddle.net/BdHf2/2/

...