Простой спойлер на Jquery.

Простой спойлер на Jquery.

wpt149-630x226
Html

<h5 class="spoiler-title closed">Показать текст</h5>

<div class="spoiler-body">Текст
который
должен
скрываться
и
раскрываться.
Его очень
много
и он
выезжает.</div>

Css

.opened {
    color:green;
}
.closed {
    color:blue;
}

Js

$('.spoiler-body').hide();
$('.spoiler-title').click(function(){
    $(this).toggleClass('opened').toggleClass('closed').next().slideToggle();
    if($(this).hasClass('opened')) {
        $(this).html('Скрыть текст');
    }
    else {
        $(this).html('Показать текст');
    }
});
Свежие новости веб-дизайна и разработки... Followdesign.com Followdesign предназначен для людей, интересующихся дизайном во всех его проявлениях. Но, в первую очередь, конечно, речь на страниц...
Многоуровневое выпадающее меню JQuery, CSS... Бывают случаи, когда клиента не нужно «поражать чрезвычайной анимацией». Ему вполне подойдет простое меню. А что это значит для веб-разработчика? В м...
Простая PHP, jQuery, and AJAX форма обратной связи... Sep 30, 2013Build a Simple PHP, jQuery, and AJAX Powered Contact Form (Updated 02/05/2014) Download Updated 02/05/2014I have updated the scrip...
СТУДИЯ AD : ДИЗАЙН САЙТОВ UCOZ Очень крутой и полезный ресурс по дизайну, кодингу и мелким штучкам. СТУДИЯ AD : ДИЗАЙН САЙТОВ UCOZ...
Читайте также  Карусель изображений jquery. fade effect

Сохрани, чтобы не потерять