SunChase в рубрику JavaScript

Вопрос: Спойлер как на Временно.нет

Доброго времени суток. Хотелось бы узнать где можно "раздобыть" функцию спойлера(если это конечно относится к этой категории) как на Временно.нет в разделе Вопросов. Имеется ввиду функция, обрезающая кусок текста, которая отображается при нажатии на видную часть текста.

Заранее благодарен.

Задайте свой вопрос

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

Задать свой вопрос

Расскажите друзьям

Ответы на вопрос — 4

Grin
Мы сами писали этот плагин. Работает так: у вас есть один див фиксированной высоты, внутри него див с содержимым. При клике на внешний див происходит плавное увеличение его высоты до высоты внутреннего дива. Если высоты блоков равны, то блок сворачивается обратно.
#
Grin
SunChase
Очень удачная идея как по мне. Если не затруднит, то поделитесь пожалуйста кодом(сам в js на уровне \"чтото-гдето\" знающего новичка).
#
SunChase
SunChase
Спасибо. Немного поразмыслив над тем что вы написали, самому удалось повторить работу скрипта(незнаю на сколько успешно, пока бета-тест). Если кому то ещё интересно, то кидаю свою версию:

$(\"body #spoil\").each(function(index,element){
                        var height = $(element).height();
                        var pas = 0;
                        $(element).css({height:\"100px\"})
                        $(element).click(function(){
                            if(pas==0) {$(element).animate({height:height+\"px\"},\"slow\");pas = 1;}
                            else {$(element).animate({height:\"100px\"},\"slow\");pas = 0}

                        })
                    });

#
SunChase
SunChase
немного потыкав...

$(\"body #spoil\").each(function(index,element){
                        var height = $(element).height();
                        var pas = 0;
                        if(height>\'250\'){$(element).css({height:\"245px\"})
                        $(element).click(function(){
                            if(pas==0) {$(element).animate({opacity:\"0.1\"},\"veryfast\").animate({height:height+\"px\"},\"normal\").animate({opacity:\"1\"},\"veryfast\");pas = 1;}
                            else {$(element).animate({opacity:\"0.1\"},\"veryfast\").animate({height:\"245px\"},\"slow\").animate({opacity:\"1\"},\"veryfast\");pas = 0}

                        })}
                    });
});
#
SunChase

Новый ответ

как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть
как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть

metin2 pvp metin2 pvp serverler pvp serverler