Нужен qwerty скрипт - скрыть показать блок

volFernion · 16.08.2010, 06:29

Есть 10 дивов, которые будут кнопками, при нажатии должен открываться соотвествующий им текст.
Соотвественно если у блока например 3 текст открыт и мы жмем на 4й, то текст 3го закрывается.

Нужно плавное закрытие. На яве ничего вменяемого не нашел. На кверти только с одиночным блоком. Так как в программировании полный ноль переделать сам не могу

Может кто готовое видел?

vitaly-go · 16.08.2010, 07:43

Цитата:

Сообщение от volFernion

кверти

(qwerty) - это ламерский пароль

Niemans · 16.08.2010, 09:07

http://www.queness.com/post/655/jque...ntent-tutorial
http://demo.webdeveloperplus.com/flipping-tabs/

volFernion · 16.08.2010, 10:29

Большое спасибо. Так и знал что именно ты поможешь

Пошел по ссылкам пробовать

Добавлено через 2 минуты

Хм помоему это не совсем мне походит

Изначально блоков в которых выводится текст на странице при ее загрузке быть не должно

Niemans · 16.08.2010, 10:31

Ну напишите display: none или hide для них

volFernion · 16.08.2010, 10:41

Вот нашел пример полностью устраивающий

Код HTML:

<style>
.container1{font-size:14px;line-height:19px; color:#0F0;background:#ffd65d;border:1px solid #878d59;width:400px;padding:5px;}
.container2{font-size:14px;line-height:19px; color:#F00; background:#ffd65d;border:1px solid #878d59;width:400px;padding:5px;}
.container3{font-size:14px;line-height:19px;color:#000;background:#ffd65d;border:1px solid #878d59;width:400px;padding:5px;}
</style>
</head>

<body>
<div style="width:30px; height:30px; background:#F0F"; onclick="$('div.container1').slideDown('slow');"> </div>
<div style="width:30px; height:30px; background:#000"; onclick="$('div.container2').slideDown('slow');"> </div>
<div style="width:30px; height:30px; background:#000"; onclick="$('div.container3').slideDown('slow');"> </div>
<!--
<input type="button" value="Свернуть" onclick="$('div.container1').slideUp('slow');">
<input type="button" value="Развернуть" onclick="$('div.container1').slideDown('slow');">
<input type="button" value="Свернуть или Развернуть" onclick="$('div.container1').slideToggle('slow');">
-->
<div class="container1">
Конечно же у качественной книги должна быть соответствующая обложка. tigr

Как и сами книги обложки могут быть различными. Для дорогой сувенирной книги подойдет выделанная тисненая кожа, для свадебной книги светлые пастельные тона, детские книжки будут интересно смотреться в ярких обложках. Кроме того, обложку возможно украсить некоторыми декоративными элементами,  например, фотографией напечатанной на холсте или алюминиевой вставке.
</div>
<div class="container2">
Конечно же у качественной книги должна быть соответствующая обложка.

Как и сами книги обложки могут быть различными. Для дорогой сувенирной книги подойдет выделанная тисненая кожа, для свадебной книги светлые пастельные тона, детские книжки будут интересно смотреться в ярких обложках. Кроме того, обложку возможно украсить некоторыми декоративными элементами,  например, фотографией напечатанной на холсте или алюминиевой вставке.
</div>
<div class="container3">
Конечно же у качественной книги должна быть соответствующая обложка.

Как и сами книги обложки могут быть различными. Для дорогой сувенирной книги подойдет выделанная тисненая кожа, для свадебной книги светлые пастельные тона, детские книжки будут интересно смотреться в ярких обложках. Кроме того, обложку возможно украсить некоторыми декоративными элементами,  например, фотографией напечатанной на холсте или алюминиевой вставке.
</div>

проблема в том что ввиду полного профанизма в программировании как уже сказал

Не могу вот сюда:
<div style="width:30px; height:30px; background:#F0F"; onclick="$('div.container1').slideDown('slow');"> </div>

добавить условие что на клик не только открывается соотвествующий див, но и закрываются все

Добавлено через 1 минуту

Niemans
Это вариант не плавный

Надеюсь не сочтешь за наглость

Не мог бы вот с этим кодом помочь?

Niemans · 16.08.2010, 11:49

http://dimox.name/universal-jquery-tabs-script/
так хотите в итоге, там fade, можно заменить на slide

volFernion · 16.08.2010, 19:10

Млин ничерта не получается

Добавлено через 3 минуты

Я не могу сделать такую структуру в штмл как в примере. Приходится переписываь яваскрипт практически методом тыка. Ищя аналогии в классах айди и т.д.
В итоге получил резкое схлопивание, но не текста а самих дивов, схлопывают друг друга. Кароче я помоему тут безнадежен

Нужна помощь капитально

Добавлено через 2 минуты

Написал в скайп

Добавлено через 6 часов 17 минут

Все вопрос закрыт. помог знакомый программер, объяснил написал скрипт. На Кверти. Все плавно прячется показывается.
Красотища.
Если кому понадобится обращайтесь

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
как скрыть блок div по ключевому слову	Sacred13	HTML, CSS, JavaScript	1	06.08.2013 15:30
Нужен скрипт	maxefect	HTML, CSS, JavaScript	8	03.01.2012 00:21
Нужен скрипт	C-I-W	HTML, CSS, JavaScript	3	12.02.2006 23:33
Нужен такой РНР скрипт	SaN	HTML, CSS, JavaScript	12	03.05.2004 15:23
Нужен скрипт за $$$	Silver	ASP, Perl, PHP и MySQL	2	13.11.2003 18:21

16.08.2010, 06:29	#1
volFernion	Есть 10 дивов, которые будут кнопками, при нажатии должен открываться соотвествующий им текст. Соотвественно если у блока например 3 текст открыт и мы жмем на 4й, то текст 3го закрывается. Нужно плавное закрытие. На яве ничего вменяемого не нашел. На кверти только с одиночным блоком. Так как в программировании полный ноль переделать сам не могу Может кто готовое видел?

16.08.2010, 09:07	#3
Niemans	http://www.queness.com/post/655/jque...ntent-tutorial http://demo.webdeveloperplus.com/flipping-tabs/

16.08.2010, 10:29	#4
volFernion	Большое спасибо. Так и знал что именно ты поможешь Пошел по ссылкам пробовать Добавлено через 2 минуты Хм помоему это не совсем мне походит Изначально блоков в которых выводится текст на странице при ее загрузке быть не должно Последний раз редактировалось volFernion; 16.08.2010 в 10:29.. Причина: Добавлено сообщение

16.08.2010, 10:31	#5
Niemans	Ну напишите display: none или hide для них

16.08.2010, 11:49	#7
Niemans	http://dimox.name/universal-jquery-tabs-script/ так хотите в итоге, там fade, можно заменить на slide

16.08.2010, 19:10	#8
volFernion	Млин ничерта не получается Добавлено через 3 минуты Я не могу сделать такую структуру в штмл как в примере. Приходится переписываь яваскрипт практически методом тыка. Ищя аналогии в классах айди и т.д. В итоге получил резкое схлопивание, но не текста а самих дивов, схлопывают друг друга. Кароче я помоему тут безнадежен Нужна помощь капитально Добавлено через 2 минуты Написал в скайп Добавлено через 6 часов 17 минут Все вопрос закрыт. помог знакомый программер, объяснил написал скрипт. На Кверти. Все плавно прячется показывается. Красотища. Если кому понадобится обращайтесь Последний раз редактировалось volFernion; 16.08.2010 в 19:10.. Причина: Добавлено сообщение