У меня есть содержимое панели (не согласная), которая будет скрыта при загрузке страницы. Когда пользователь нажимает на одну из вкладок, «скрытый» класс удаляется, показывая содержимое панели. Тогда я хочу, чтобы скрыть содержимое, если пользователь нажимает на вкладку открытой панели:Скрыть панели самонастройки
$('#section-navigation a').click(function (e) {
e.preventDefault()
if ($(this).closest("li").hasClass("active")) {
$('#section-navigation li.active').removeClass("active");
$(".tab-content").addClass("tab-content-hidden");
} else {
$(".tab-content").removeClass("tab-content-hidden");
$(this).tab('show');
}
});
Это действительно показывает содержимое панели на первый щелчок, скрыть содержимое панели на второй щелчок той же вкладке, но это не делает удалить «активный» класс из содержимого панели «li», а третий щелчок на той же вкладке ничего не делает. Пример здесь (цветные панели): http://hawk.cloudlevel.me/
Fiddle: https://jsfiddle.net/uvvnpp0s/3/
Как я могу достичь своей цели? Я ценю, что, возможно, все произошло совсем не так, поскольку я неопытен с JS/jQuery.
вы можете добавить HTML используются? Лучше всего, если вы можете создать скрипку. –
Спасибо за ваш комментарий - добавлена скрипка к моему оригинальному вопросу. – user2265915
https://jsfiddle.net/nitincool4urchat/uvvnpp0s/5/ - это исходная загрузочная система bootstrap.js, можете ли вы объяснить, какие изменения вам нужны, и я бы предложил не использовать загрузку, если вам нужно иметь пользовательские вкладки. –