Рейтинг темы:
  • 0 Голос(ов) - 0 в среднем
  • 1
  • 2
  • 3
  • 4
  • 5
JS открытие\закрытие табов
#1
вот есть код, для табов, по клику открывается указанный в ссылке блок и после можно переключаться дальше по табам, предыдущий открытый блок закроется.
не знаю как сделать что б по повторному нажатию на таб закрывался блок который открылся, прошу помощиSmile
рабочий пример тут(меню Головна, Наш Профком) или тут(Клиенты, Патчи, Музыка).
Код:
<script type="text/javascript">
        jQuery(document).ready(function() {
        jQuery(".tab_content").hide();    
        jQuery("ul.tabss li").click(function() {
        jQuery("ul.tabss li").removeClass("active-tab");
        jQuery(this).addClass("active-tab");
        jQuery(".tab_content").hide();
        var activeTab = jQuery(this).find("a").attr("href");
        jQuery(activeTab).fadeIn();
        return false;
    });
        
});
</script>
ice node
Ответ
#2
Вот их скрипт, как я понял.

ar $j = jQuery.noConflict();

$j(document).ready(function() {

$j('ul.tabs li').css('cursor', 'pointer');

$j('ul.tabs.tabs1 li').click(function(){
var thisClass = this.className.slice(0,2);
$j('div.t1').hide();
$j('div.t2').hide();
$j('div.t3').hide();
$j('div.t4').hide();
$j('div.' + thisClass).show();
$j('ul.tabs.tabs1 li').removeClass('tab-current');
$j(this).addClass('tab-current');
});

$j("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
});
[Изображение: 1564177459.png]
Ответ
#3
это старый скрипт, если пролистать ниже можно увидеть мой.
ice node
Ответ
#4
activeTab вынести за обработчик .onclick()

[src=js]
$(document).ready(function() {

var currentTab = null; // текущий таб

$('.tab_content').hide(); // лучше скрывать tab_content в css display: none;

$('ul.tabss li').click(function() {

$(this).toggleClass('active-tab');

if (currentTab == null) {
$('.tab_content').hide();
currentTab = $(this).find('a').attr('href');
$(currentTab).fadeIn();
}
else {
$(currentTab).fadeOut();
currentTab = null;
}

return false;
});
});
[/src]

Как-то так, но не проверял, просто в блокноте подправил ваше.
Ответ


Перейти к форуму:


Пользователи, просматривающие эту тему: 1 Гость(ей)