Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 28.12.2012, 22:01   #1
ELked
 
Регистрация: 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:
[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]
Если не понятно, то нужен эффект раскрытия как в титтОре.
ELked вне форума Ответить с цитированием
Старый 29.12.2012, 07:30   #2
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Нельзя на странице использовать дублирующиеся идентификаторы, замени везде на классы и все заработает
Alar, верни репу!
Naive вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
[вопрос] Раскрытие из трея 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