Diskuze: Animace v jQuery

JavaScript JavaScript Animace v jQuery

Avatar
Roman Grigar
Člen
Avatar
Roman Grigar:

Ahoj!

Chtěl bych vás požádat o pomoc. Snažím se vytvořit menu za pomocí jQuery a potřeboval bych poradit. Menu funguje na principu, že nejprve budu mít 2 bloky - pánské produkty a dámské produkty. Jakmile se klikne na jeden z bloků, tak se bloky odsunout a vytvoří to dojem otevíracích dveří. Nejlepší bude, když se mrknete, jak to funguje.

https://jsfiddle.net/fL0uj9qc/5/

Když vyzkoušíte kliknout na pánské nebo dámské produkty, tak zjistíte, že se "dveře" otevírají a na první pohled docela normálně. Ovšem když zpozorníte, tak zjistíte, že levá půlka se otvírá tím stylem, že postupně mizí a pravá půlka se otevírá stylem, že se posouvá. Sice dveře fungují tak, že se posouvají, ale já bych byl rád, kdyby pravá strana fungovala stejně jako levá. Postupně mizela. Aby mi prostě po vykonání události na krajích zůstaly postavičky (v tomto případě zatím půl postavičky).

Neví někdo prosím, jak tohoto docílit?

Děkuji moc za pomoc!

Editováno 13.7.2015 16:55
 
Odpovědět 13.7.2015 16:54
Avatar
adder
Člen
Avatar
adder:

Ahoj,

když přidáš selectoru

#woman-products {
        background-position: right;
}

tak by to mělo jít. Doufám, že odpovídám na to, co potřebuješ. ;)

Update: https://jsfiddle.net/fL0uj9qc/8/

Editováno 13.7.2015 20:10
Akceptované řešení
+20 Zkušeností
+1 bodů
Řešení problému
Nahoru Odpovědět 13.7.2015 20:08
I’m going to lay this brick as perfectly as a brick can be laid.
Avatar
Roman Grigar
Člen
Avatar
Odpovídá na adder
Roman Grigar:

perfektní! Děkuji moc, přesně tohle jsem myslel :))

 
Nahoru Odpovědět  +1 13.7.2015 20:51
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 3 zpráv z 3.