Otocenie sipky na klik

17mark · Napísal **17mark**: 08.03.2016 22:46

Zdravim,toto je moj kod:

Kód:

$(document).ready( function(){
    $('#toggle').click( function() {
             
        var toggleWidth = $("#nav-menu").width() == 200 ? "60px" : "200px";

        $('#main-content').animate({ marginLeft: toggleWidth });
        $('#nav-menu').animate({ width: toggleWidth });
    });
});

Vie mi niekto poradit ako spravit,aby sa mi ten toggle otocil o 180stupnov? ..netusim ako na to a na googli som nic poriadne co by mi islo nenasiel...vdaka

Kraliček · Napísal **Kraliček**: 08.03.2016 23:03

rotate() v css

17mark · Napísal autor témy **17mark**: 10.03.2016 16:57

A ako v css zadefinujem aby sa po kliku na div toggle otocila ta sipka a potom po opetovnom kliku sa zas otocila s5?

hatto13 · Napísal **hatto13**: 10.03.2016 17:28

JS:

Kód:

$('#toggle').click( function() {
 $('.moja-sipka').toggleClass('clicked');
});

css

Kód:

.moja-sipka {

}
.moja-sipka.clicked {
 transform: rotate(-90deg);
}

ps: odporucam ti vyhnut sa pouzivaniu css atributov v jquery. js nesluzi na to aby sa upravovalo css. ked tak, v js prirad/odober triedu a celu css logiku nechaj v css subore.

Otocenie sipky na klik

Podobné témy