Jump to content

Photo
* * * * * 1 votes

Wysuwane menu - kwestia chowania.

Rozpoczął Snake_, Dec 30 2015 18:14
jquery

Best Answer zonic, 30 December 2015 - 21:16

Możesz kombinować z toggleClass();
https://jsfiddle.net/Zonicpl/ya8ph7zn/

Chociaż ja zamiast zmieniać z display:none na display:block polecam zmieniać wysokość lub szerokość. Wtedy mamy efekt wysuwania.

Go to the full post


5 replies to this topic
  • Please log in to reply
Snake_

    Nowy użytkownik

  • 18 posts
    • Czas spędzony online: 1d 1h 42m 14s
3
Neutralna

Posted 30 December 2015 - 18:14

#1

Witajcie,

Stwierdziłem, że potrzebuję do pewnego projektu wysuwanego menu, nie chcę jakichś gotowców z internetu, bo trening czyni mistrza!

Więc przejdę do sedna.

Z racji iż nigdy nie miałem styczności z JS wymodziłem najprostsze kilka linijek:

$(".button").click(function() {	
	$("p").slideToggle("slow");
	var rozwiniete = $("p").addClass("view-display");
	return rozwiniete;	
})

Została mi kwestia chowania, co powinienem dalej zrobić?

 

Takie mini demo: http://snake.xaa.pl/...pdown-menu.html


  • 0
zonic

    WT Elite

  • 2911 posts
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Posted 30 December 2015 - 21:16   Best Answer

#2

Możesz kombinować z toggleClass();
https://jsfiddle.net/Zonicpl/ya8ph7zn/

Chociaż ja zamiast zmieniać z display:none na display:block polecam zmieniać wysokość lub szerokość. Wtedy mamy efekt wysuwania.


  • 1

Papierowe wizytówki NFC

Snake_

    Nowy użytkownik

  • 18 posts
    • Czas spędzony online: 1d 1h 42m 14s
3
Neutralna

Posted 30 December 2015 - 23:03

#3

Poradziłem sobie ze .slideToggle(); i .hide();, nie mniej jednak dzięki za "lekcję".


Edited by Snake_, 30 December 2015 - 23:05 .

  • 0
zonic

    WT Elite

  • 2911 posts
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Posted 30 December 2015 - 23:22

#4

hide i show ;)


  • 0

Papierowe wizytówki NFC

karolgorecki

    Nowy użytkownik

  • 17 posts
    • Czas spędzony online: 18h 15m 56s
15
Dobra

Posted 04 January 2016 - 19:22

#5

Jeśli nie musisz mieć wspracia dla starszych przeglądarek to lepiej zrobić przez toggleClass.
Animację lepiej zrobić w CSS np. poprzez transform (lepsza wydajność zwłaszcza na mobile).

 

Przykłady http://tympanus.net/...ts/elastic.html


  • 1
unbreak

    WT Elite

  • 1937 posts
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Posted 05 January 2016 - 08:23

#6

Zdecydowanie lepiej jest tak jak pisze karolgorecki


  • 0

webDeveloper

Back to Javascript



Podone tematy Collapse

  Topic Forum Started By Stats Last Post Info

Also tagged with one or more of these keywords: jquery

1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users