VPF::Подскажите со слайдами и сменой классов

cr1msaun

Дата 7.1.2010, 01:49 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 13
Регистрация: 21.10.2009

Репутация: нет
Всего: нет

Имеется html код:

Код


<div class="news_plus">

<a href="#" class="newscontrol">Происшествия</a>

</div>

<div class="news_in" style="display: none;">

некий текст

 </div>

и JQuery скрипт:

Код


$('a.newscontrol').click(function(){
        $('div.news_in').slideDown(100);
    });

подскажите пожалуйста, как доработать скрипт, чтобы если блок с текстом не виден был использован класс news_plus и действие slideDown,а после слайда вниз, действие менялось бы на slideUp(100) и класс менялся на news_minus.
Заранее благодарен. smile

comcon1

Дата 7.1.2010, 03:23 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 838
Регистрация: 11.6.2005
Где: Москва ДАС-МГУ

Репутация: нет
Всего: 17

Что-то вроде этого:

Код


var fb = function() {;}; // не знаю, надо или нет эту строку
var fa = function() {
        $('div.news_in').slideDown(100, function() {
               $('a.newscontrol').toggleclass('news_minus');
               $('a.newscontrol').toggleclass('news_plus');
               $('a.newscontrol').click(fb);
        });
};
fb = function() {
        $('div.news_in').slideUp(100, function() {
               $('a.newscontrol').toggleclass('news_minus');
               $('a.newscontrol').toggleclass('news_plus');
               $('a.newscontrol').click(fa);
        });
};
$('a.newscontrol').click(fa);

--------------------

comcon1 on twitter

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »