Автор Тема: малко помощ с jquery  (Прочетена 1766 пъти)

madmad

  • Напреднали
  • *****
  • Публикации: 226
  • Distribution: Ubuntu, OpenSuse
  • Window Manager: Gnome 3.4
    • Профил
малко помощ с jquery
« -: Dec 18, 2010, 21:13 »
ето кода по казуса
Код
GeSHi (Javascript):
  1. $('#playlist').hide();
  2. $('#controls').click(function(){
  3. $('#playlist').slideToggle(300);
  4. $(this).css('bottom', '140px');
  5. });
  6.  
При клик върху #controls плейлиста се появява и #controls застава над нея. При втори клик на #controls трябва #playlist да се скрие и #controls да падне с 140px.

Проблема е следния:
не знам как да хвана статуса на #playlist дали е видим или не за да преместя #controls.

Целта да се направи плейлист 1:1 с този на youtube по функционалност. Козметиката е без значение, само да работи
« Последна редакция: Dec 19, 2010, 00:52 от VladSun »
Активен

neter

  • Global Moderator
  • Напреднали
  • *****
  • Публикации: 3408
  • Distribution: Debian, SailfishOS, CentOS
  • Window Manager: LXDE, Lipstick
    • Профил
    • WWW
Re: малко помощ с jquery
« Отговор #1 -: Dec 18, 2010, 22:48 »
Код
GeSHi (Javascript):
  1. $('#playlist').hide();
  2. $('#controls').click(function(){
  3. $('#playlist').slideToggle(300);
  4. if ($('#playlist').css('display') == 'inline') {
  5. действие при показване
  6. } else {
  7. действие при скриване
  8. }
  9. });
Ако искаш да обърнеш if-а, ползвай '!=' вместо '=='. Ако имаш друг display стил за #playlist, ползвай него ;)
« Последна редакция: Dec 18, 2010, 22:54 от neter »
Активен

"Да си добре приспособен към болно общество не е признак за добро здраве" - Джиду Кришнамурти

Подобни теми
Заглавие Започната от Отговора Прегледи Последна публикация
jQuery, асинхронна ajax заявка, abort()
Web development
gat3way 20 6226 Последна публикация Jul 13, 2010, 15:52
от VladSun
jquery datepicker да се зареди от трети файл
Web development
nov_chovek 6 3033 Последна публикация Jan 22, 2011, 21:18
от nov_chovek
jQuery, ajax, странни работи :)
Web development
gat3way 2 2770 Последна публикация Mar 25, 2011, 23:47
от gat3way
Тест за jQuery & Ajax. Защо фейлва на Хром?
Web development
clovenhoof 10 4236 Последна публикация Jun 05, 2013, 18:19
от clovenhoof