[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Как сделать слайдер для текста?
Strannik
Доброе утро. нужно решение, а собственных познаний в данной области не хватает...

есть код:

<ul class="accord_objects list_ext">
<li>

<div
class="accord_title_wrapper"><span class="accord_title">заголовок1</span></div>
<div
class="accord_item">Текст1</div>
</li>
<li>
<div
class="accord_title_wrapper"><span class="accord_title">заголовок2</span></div>
<div
class="accord_item">Текст2</div>
</li>
<li>
<div
class="accord_title_wrapper"><span class="accord_title">заголовок3</span></div>
<div
class="accord_item">Текст3</div>
</li>
</u>


Вопрос - как при нажатии на div .accord_title_wrapper сделать так, чтобы раскрывался нижний div .accord_item, а остальные сворачивались?



Спустя 2 часа, 8 минут, 34 секунды (10.04.2012 - 09:58) TranceIT написал(а):

$(document).ready(function(){
$(".accord_title_wrapper").click(function(){
$(".accord_item").slideUp();
$(this).next(".accord_item").slideDown();
});
});


Примерно так.
accord_item должны иметь display: none

Спустя 25 минут, 43 секунды (10.04.2012 - 10:24) Strannik написал(а):
спасибо за знания)
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.