Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.08.2012, 13:31
Новичок на форуме
Отправить личное сообщение для anonimous Посмотреть профиль Найти все сообщения от anonimous
 
Регистрация: 09.08.2012
Сообщений: 1

При нажатии на ссылку раскрываются все div
<div class="doctor_z_4">
    <a href="#" class="fa"> Талон 1 </div>
<div class="block" style="display:none;">
    <div class="zap_tal_1">Время 1</div>
</div>
 
<div class="doctor_z_4">
    <a href="#" class="fa"> талон 2</div>
<div class="block" style="display:none;">
    <div class="zap_tal_1">Время 2</div>
</div>
...
<div class="doctor_z_4">
    <a href="#" class="fa"> талон 10</div>
<div class="block" style="display:none;">
    <div class="zap_tal_1">Время 10</div>
</div>

Вот js
<script type="text/javascript">
$(document).ready (function() {
$('.fa').toggle(function() 
{
$('div.block').show('drop', 2000);
}, function()
{
$('div.block').hide('drop', 2000);
});
});
</script>

Теперь что должно быть, изначально при загрузки страницы, должны быть только ссылки с надписями, талон 1 , талон 2 , талон 3 и тд. а div где время 1, время 2, время 3 быть скрытыми! (P.S.: это всё работает), далее при нажатии на ссылку "талон 1" под этой ссылкой, появляется div "время 1" все остальные div скрыты, при нажатии на ссылку "время 2" появлялся div с "время 2". Только вот надо так чтобы класс был у ссылок 1 и класс в div тоже у всех один и тот же. Ну вроде всё рассписал полностью.
Ответить с цитированием
  #2 (permalink)  
Старый 09.08.2012, 13:49
Аспирант
Отправить личное сообщение для mullih Посмотреть профиль Найти все сообщения от mullih
 
Регистрация: 05.08.2012
Сообщений: 77

если каждый block поставить в doctor_z_4 а anchor закрыть то можно так

<html>
<head>
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script>
	<script type="text/javascript">
		$(document).ready(function () {
			$('a.fa').click(function () {
				$('div.block').hide();
				$('div.block', $(this).parent()).show();
				return false;
			});
		});
	</script>
</head>
<body>
	<div class="doctor_z_4">
		<a href="#" class="fa">Талон 1</a>
		<div class="block" style="display: none;">
			<div class="zap_tal_1">
				Время 1</div>
		</div>
	</div>
	<div class="doctor_z_4">
		<a href="#" class="fa">талон 2</a>
		<div class="block" style="display: none;">
			<div class="zap_tal_1">
				Время 2</div>
		</div>
	</div>
	...
	<div class="doctor_z_4">
		<a href="#" class="fa">талон 10</a>
		<div class="block" style="display: none;">
			<div class="zap_tal_1">
				Время 10</div>
		</div>
	</div>
</body>
</html>
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Заполнение поля при нажатии на ссылку ganzales Общие вопросы Javascript 6 14.10.2012 13:18
Получение данных строки грида при нажатии сторонней кнопки Allan Stark ExtJS 4 17.11.2011 17:21
Несколько div блоков. Переключение по нажатии на соответствующую ссылку. Help$ Элементы интерфейса 4 24.09.2010 23:01
Как поменять картинку при нажатии на нее syegorius Events/DOM/Window 1 28.08.2010 22:14
глюк форума Gvozd Сайт Javascript.ru 11 18.03.2009 13:37