Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: эффект плавного исчезновения(появления) с помощью jQuery

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Поиск в теме | Версия для печати
zypikov
Отправлено: 14 Декабря, 2011 - 05:16:28
Post Id



Частый гость


Покинул форум
Сообщений всего: 219
Дата рег-ции: Нояб. 2010  


Помог: 3 раз(а)
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. $(document).ready(function(){
  3.    $(".delete").click(function(){
  4.            $(".pane").animate({ opacity: 'show' }, "slow");
  5.         });})
  6.  


Стал изучать Jquery и наткнулся на этот эффект. Понравилось.
В этом скрипте щелчок по ссылке с классом .delete плавно показывет контейнер див. Мне нужно чтобы второй щелчок по этой ссылке также плавно скрывал этот контейнер.


-----
У всего есть обратная сторона.
 
 Top
Опоссум
Отправлено: 14 Декабря, 2011 - 07:27:01
Post Id



Новичок


Покинул форум
Сообщений всего: 32
Дата рег-ции: Окт. 2011  


Помог: 2 раз(а)
PHP:
скопировать код в буфер обмена
  1.  
  2.  
  3. $(document).ready(function(){
  4.    $(".delete").toggle(function(){
  5.            $(".pane").animate({ opacity: 'show' }, "slow");
  6.         },
  7.         function(){
  8.          $(".pane").animate({ opacity: 'hide' }, "slow");
  9. }
  10.  
  11.  
  12.  
  13. );})
  14.  
  15.  

(Отредактировано автором: 14 Декабря, 2011 - 07:27:31)

 
 Top
Viper
Отправлено: 14 Декабря, 2011 - 07:53:50
Post Id



Активный участник


Покинул форум
Сообщений всего: 4555
Дата рег-ции: Февр. 2007  
Откуда: Симферополь


Помог: 98 раз(а)
можно проще. fadeIn() и fadeOut()


-----
Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com
Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе
 
 Top
russia.semenov
Отправлено: 14 Декабря, 2011 - 09:28:04
Post Id


Новичок


Покинул форум
Сообщений всего: 15
Дата рег-ции: Сент. 2011  
Откуда: Красноярск, Россия


Помог: 0 раз(а)
посмотри у меня на сайте слева баннер есть, там просто нужно подключить файл jquery и добавить функцию.


-----
Бесплатные уроки по созданию сайта.
http://roosny[dot]ru/
 
 Top
zypikov
Отправлено: 14 Декабря, 2011 - 20:43:47
Post Id



Частый гость


Покинул форум
Сообщений всего: 219
Дата рег-ции: Нояб. 2010  


Помог: 3 раз(а)
Опоссум пишет:
PHP:
скопировать код в буфер обмена
  1.  
  2.  
  3. $(document).ready(function(){
  4.    $(".delete").toggle(function(){
  5.            $(".pane").animate({ opacity: 'show' }, "slow");
  6.         },
  7.         function(){
  8.          $(".pane").animate({ opacity: 'hide' }, "slow");
  9. }
  10.  
  11.  
  12.  
  13. );})
  14.  
  15.  

спасибо работает)
Эти две функции параметры метода toggle? Не пойму как рабтает(

Viper пишет:
можно проще. fadeIn() и fadeOut()
Ну раз уже начал то до конца рассказывай Випер)))

(Отредактировано автором: 14 Декабря, 2011 - 20:44:28)



-----
У всего есть обратная сторона.
 
 Top
Опоссум
Отправлено: 14 Декабря, 2011 - 21:37:21
Post Id



Новичок


Покинул форум
Сообщений всего: 32
Дата рег-ции: Окт. 2011  


Помог: 2 раз(а)
Да. ПЕрвая функция при нажатии вторая при нажатии второй раз.

Вот хороший сайтик http://jquery.page2page.ru/.

А Viper имел ввиду

PHP:
скопировать код в буфер обмена
  1.  
  2. $(document).ready(function(){
  3.    $(".delete").toggle(function(){
  4.            $(".pane").fadeIn("slow");
  5.         },
  6.         function(){
  7.          $(".pane").fadeOut("slow");
  8. }
  9.  
  10.  
  11.  
  12. );})
  13.  
 
 Top
Panoptik
Отправлено: 14 Декабря, 2011 - 22:38:48
Post Id



Постоянный участник


Покинул форум
Сообщений всего: 2493
Дата рег-ции: Нояб. 2011  
Откуда: Одесса, Украина


Помог: 131 раз(а)
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2.  
  3. $(document).ready(function(){
  4.    $(".delete").click(function(){
  5.            $(".pane").fadeToggle("slow");
  6.    });
  7. })
  8.  

решает


-----
Just do it
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB