Выпадающий текст при нажатии на ссылку html
Автор Пётр задал вопрос в разделе Другие языки и технологии
Подскажите эффектный скрипт выпадающих текстов на javascript. и получил лучший ответ
Ответ от Cheery[гуру]
А в чем проблема с id?
Вам же как то нужно знать какой div вы хотите открывать.
Если только тот, что прямо под ссылкой, то можно и проще.
<script type="text/javascript">
$(document).ready(function(){
$(".btn-slide").each(function(){
$(this).click(function(){
$(this).next().slideToggle("slow");
$(this).toggleClass("active"); return false;
});
});
});
</script>
<a href="" class="btn-slide">Нажми на меня! </a>
<div>текст №1</div>
<a href="" class="btn-slide">Нажми на меня! </a>
<div>текст №2</div>
<a href="" class="btn-slide">Нажми на меня! </a>
<div>текст №3</div>
ну и там, возможно, чуть поиграться надо. . потому что a - это inline элемент, а div - блочный. . поэтому когда div прячется, то будет перескакивать. . сами увидите. можно в описание класса .btn-slide добавить display: block, но тогда ссылки будут на всю ширину )
я лишь показываю принцип..
Cheery
Высший разум
(198982)
прописать в них css класс, для которого сделать display:none