|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
28.12.2012, 22:01 | #1 |
Регистрация: 15.10.2012
Сообщений: 6
|
Раскрытие блока
Есть 5 блоков. Список вопросов, типо. Нужно, чтобы при нажатии на один из этих блоков, он же раскрывался, то есть высота увеличивалась.
Я сделал, но работает это только с одним блоком. JS: [JS] $("#quest").click(function() { $("#quest").css("height", "100px").slideDown(); $("#text_quest").css("height", "100px").slideDown(); $(this).toggleClass("active"); return false; });[/JS] HTML: Код HTML:
<div id="quest"> <div id="title_quest"> <a href="#" class="title_quest">Дуракам здесь не место</a></div> <div id="text_quest"> <p style="margin:0;padding:0;">Сказала мне учитель по изо, когда я достал пистолет и направил его в сторону окна... бла-бла-бла бла-бла-бл бла-бла-бл бла-бла-бл</p> </div> <div id="show_quest"> <p style="margin:0;padding:0;">Сказала мне учитель по изо, когда я достал пистолет и направил его в сторону окна... бла-бла-бла бла-бла-бл бла-бла-бл бла-бла-бл</p> </div> </div> <div id="line"></div> <div id="quest"> <div id="title_quest"> <a href="#" class="title_quest">Дуракам здесь не место2</a></div> <div id="text_quest"> <p style="margin:0;padding:0;">Сказала мне учитель2222по изо, когда я достал пистолет и н222аправил его в сторону окна.222.. бла-бла-бла бла-бла-бл бла-бла-бл бла-бла-бл</p> </div> <div id="show_quest"> </div> </div> <div id="line"></div> [CSS]#quest{ width: 350px; height: 75px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", sans-serif; } #title_quest{ margin: 0 auto; width: 175px; font-size: 13px; font-weight: bold; } #text_quest{ width: 350px; height: 50px; margin-top: 5px; font-size: 14px; margin-left: 10px; height: 50px; overflow: hidden; }[/CSS] Если не понятно, то нужен эффект раскрытия как в титтОре. |
29.12.2012, 07:30 | #2 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Нельзя на странице использовать дублирующиеся идентификаторы, замени везде на классы и все заработает
Alar, верни репу!
|
Опции темы | Поиск в этой теме |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
[вопрос] Раскрытие из трея | Tahoma | Общие вопросы C/C++ | 2 | 12.10.2012 19:07 |
Раскрытие группы в DBGridEh | GX_h10 | Компоненты Delphi | 16 | 05.05.2012 14:12 |
Группировка и раскрытие в DBGREDEH | AK BULLETS | Общие вопросы Delphi | 3 | 06.04.2010 18:03 |
как запретить раскрытие формы | Анастасия123456789 | Помощь студентам | 3 | 21.04.2009 11:53 |
раскрытие веббраузера | Анастасия123456789 | Помощь студентам | 3 | 06.04.2009 08:28 |