[hakeryk2]

Jak w #jquery i #css zrobić coś takiego, że po kliknięciu na element (np button) odtworzy się animacja css:hover jakiegoś innego elementu?

Przykład

Button

a wywoła się jednorazowo animacja z

.mojaklasa:hover {
transform: translateX(5px)
}

Czy podszedłem do tego od dupy strony?

[Kargaroth]

@hakeryk2:
$(".toKlikne").on('click', function(e){
$('.mojaklasa').trigger('hover');
})
powinno dać radę

W zasadzie lepiej by to było zrobić nie jako hover, tyko .addClass('animacja') i .removeClass('animacja')

[hakeryk2]

@Kargaroth: ale żeby ta animacja wywołała się na klikniętym elemencie :) Da się to jakoś?

[Pukie]

@hakeryk2:

odtworzy się animacja css:hover jakiegoś innego elementu

czy

ale żeby ta animacja wywołała się na klikniętym elemencie

To wkońcu co Ty chcesz?;p

[hakeryk2]

@Pukie: żeby animacja hover innego elementu odtworzyła się na klikniętym elemencie :D

[Kargaroth]

@hakeryk2: te rzeczy to naprawdę podstawy używania jquery:
https://jsfiddle.net/tw7k3xp2/

[hakeryk2]

@Kargaroth: W sumie można i tak - mi chodziło o odpalenie .klasa:hover poprzez jquery. Samo dodanie classy która ma transform to wiem, że proste. Zrobiłem to tak:

$(".doKlikniecia").on('click', function(e){
 $(this).addClass('klasazanimacjahover');
 setTimeout(function(){
 $(this).removeClass('klasazanimacjahover');
 }, 300);
 })

U mnie po prostu jeszcze element klikany ma inną animację gdy najeżdżam a inną chce jak kliknę więc to rozwiązanie mi pasuje :) Chyba, że istnieje inna opcja by zakończonej animacji usunęło klasę. Kiepsko napisane ale

[Kargaroth]

@hakeryk2: jak masz animację w css to nie możesz nasłuchiwać jej zakończenia. Musiałbym animować za pomocą jquery .animate() i na callback'u odpalić akcję.

Jak chcesz animację która się sama zakończy, to zrób lepiej coś na keyframes w css, a nie jakieś takie dziwne kombinacje