Po kliknięciu buttona wysuwa sie select

Question

Siema mam pytanie jak osiągnąć taki efekt? :

Po kliknięciu w buttona wysuwa sie select.

 

Czyli powiedzmy ze mam takie cos :

https://codepen.io/Turqus/pen/eeEmqE

Jak to można przerobić żeby po kliknięciu w buttona wysunął się select, a ten select co widać ukrył się?

Dzięki

 

 

Answer 1

Dodaj event do buttona, który po kliknięciu doda klasę do twojego selecta z wybranymi przez Ciebie nowymi wartościami(np. nowa pozycja (absolute), maksymalna szerokość, cokolwiek chcesz). Użyj właściwość transition w CSS, aby to ładnie animować i gotowe ;)

Comments

Ok ale jak ukryć ten select na którego się aktualnie klika (link. codepen) jak dodam event na kliknięcie to jak ma się to zrobić że lista się wysuwa sama

---

Z tego co widzę na screenie to on ma nie znikać, tylko przeskoczyć na większy o szerokości buttona i się otworzyć. Do otworzenia go możesz spróbować użyć na nim click() w JS.

Edit: Z tego co widzę to click() nie działa na select, ale na Stacku masz masę propozycji jak to obejść ;)

---

   <- a to co to?;p chodzi mi o to zeby to

/\ znikło a button reagowal jak ten button do rozwijania listyi tego nie wiem jak zrobic

---

No przecież jak zmienisz pozycję tego elementu to go tam nie będzie...