Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Раскрыть текущий dl (https://javascript.ru/forum/dom-window/43586-raskryt-tekushhijj-dl.html)

ilyas-> 12.12.2013 14:34

Раскрыть текущий dl
 
Вот мой скрипт
$(document).ready(function(){
$('dl.faq.faq-imp').click(function(){
$('dl.faq.faq-imp').toggleClass("faq-closed faq-open").find("dd").slideToggle(300)
}
)})
только раскрывает все теги dl мне нужно чтобы раскрывался текущий dl, помогите допилить этот код

вот разметка этого скрипта
<div id="faq" class="b b-static">
<div class="b-in">
<h2 class="sh2">Частые вопросы и ответы на них</h2>
<dl class="faq faq-imp faq-closed">
<dt>
В чём суть предложений Групон?
<b class="close"></b>
<b class="open"></b>
</dt>
<dd>
<p>Несколько раз в неделю Групон делает посетителям предложение, от которого нельзя отказаться. Любой желающий сможет сходить в кафе, в кино, записаться на фитнес или танцы, попробовать скалолазание или покататься в картинге со скидкой 50-90%. Заведения соглашаются на такую скидку, т.к. к ним приходит сразу много посетителей.</p>
</dd>
</dl>
<dl class="faq faq-imp faq-closed">
<dt>
Когда акция считается состоявшейся?
<b class="close"></b>
<b class="open"></b>
</dt>
<dd>
<p>Акция состоится, только если наберется минимально необходимое число участников. Чтобы повысить шансы, вы можете рассказать своим друзьям и знакомым о понравившемся вам предложении через почту, Акция состоится, только если наберется минимально необходимое число участников. Чтобы повысить шансы, вы можете рассказать своим
</dd>
</dl>
</div>
</div>

ksa 12.12.2013 14:38

Цитата:

Сообщение от ilyas->
только раскрывает все теги dl мне нужно чтобы раскрывался текущий dl

В обработчике используй this это ссылка на элемет по которому кликнули...

ilyas-> 12.12.2013 14:44

Я уже пробовал но у меня не получилось, бутьте добры покажите куда его вставлять в моем коде ?

ksa 12.12.2013 14:45

Цитата:

Сообщение от ilyas-> (Сообщение 286209)
Вот мой скрипт
$(document).ready(function(){
	$('dl.faq.faq-imp').click(function(){
		$('dl.faq.faq-imp').toggleClass("faq-closed faq-open").find("dd").slideToggle(300)
	}	
)})
только раскрывает все теги dl мне нужно чтобы раскрывался текущий dl, помогите допилить этот код

Пилить ничего не надо... :D
Если твой код нормальный "для всех" - для частности он будет (теоретически) такой

$(function(){
	$('dl.faq.faq-imp').click(function(){
		$(this).toggleClass("faq-closed faq-open").find("dd").slideToggle(300);
	});
});

ksa 12.12.2013 14:46

Цитата:

Сообщение от ilyas->
Я уже пробовал но у меня не получилось

И где варианты твоих "проб"?

ilyas-> 12.12.2013 14:54



Я вам очень благодарен
$(function(){
$('dl.faq.faq-imp').click(function(){
$(this).toggleClass("faq-closed faq-open").find("dd").slideToggle(300);
});
});
вот этот вариант подошел


Часовой пояс GMT +3, время: 22:09.