JS открытие\закрытие табов - Форум администраторов игровых серверов
Форум администраторов игровых серверов StormWall - Защита от DDos атак
Регистрация Мнения Справка Пользователи Календарь Все разделы прочитаны
Вернуться   Форум администраторов игровых серверов > Полезное / Common > Программирование / Programming

Программирование / Programming
Ищете помощи в написании программы, есть сложность в выполнении задания (в институте и т.д.), пожалуйста, спросите у нас в данном форуме и мы обязательно вам поможем.

Описание темы:помогите с jquery)

Ответ
Опции темы
Непрочитано 16.02.2012, 17:00   #1
Аватар для SmokeeLow
Пользователь

Автор темы (Топик Стартер) JS открытие\закрытие табов

вот есть код, для табов, по клику открывается указанный в ссылке блок и после можно переключаться дальше по табам, предыдущий открытый блок закроется.
не знаю как сделать что б по повторному нажатию на таб закрывался блок который открылся, прошу помощи
рабочий пример тут(меню Головна, Наш Профком) или тут(Клиенты, Патчи, Музыка).
Код:
<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
SmokeeLow вне форума Отправить сообщение для SmokeeLow с помощью ICQ Отправить сообщение для SmokeeLow с помощью Skype™ Ответить с цитированием
Непрочитано 16.02.2012, 17:48   #2
Аватар для Deron
Пользователь

По умолчанию Re: JS открытие\закрытие табов

Вот их скрипт, как я понял.

Код HTML:
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);
});
__________________
Deron вне форума Ответить с цитированием
Непрочитано 16.02.2012, 18:03   #3
Аватар для SmokeeLow
Пользователь

Автор темы (Топик Стартер) Re: JS открытие\закрытие табов

это старый скрипт, если пролистать ниже можно увидеть мой.
__________________
ice node
SmokeeLow вне форума Отправить сообщение для SmokeeLow с помощью ICQ Отправить сообщение для SmokeeLow с помощью Skype™ Ответить с цитированием
Непрочитано 17.02.2012, 19:09   #4
Аватар для PROGRAMMATOR
Администратор

По умолчанию Re: JS открытие\закрытие табов

activeTab вынести за обработчик .onclick()

 
$(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;
	});
});
 
Code:
Как-то так, но не проверял, просто в блокноте подправил ваше.
PROGRAMMATOR вне форума Отправить сообщение для PROGRAMMATOR с помощью ICQ Отправить сообщение для PROGRAMMATOR с помощью Skype™ Ответить с цитированием
Ответ


Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 
Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
[DLE] Частичное закрытие неизвестных уязвимостей Bonabo PHP 3 06.02.2011 20:41
Закрытие Open-Team VanoF Курилка / Yak floor 4 17.09.2010 18:52
Закрытие клиента Nemesis Серверная часть 4 03.02.2010 14:58
Закрытие ОБТ Perfecto Игровые новости 0 25.12.2009 15:24
Закрытие возможности использовать баг с CP PROGRAMMATOR Lineage II 2 18.07.2009 21:39


© 2007–2024 «Форум администраторов игровых серверов»
Защита сайта от DDoS атак — StormWall
Работает на Булке неизвестной версии с переводом от zCarot
Текущее время: 12:02. Часовой пояс GMT +3.

Вверх