Forum PHP.pl > [JavaScript]JQuery toggle obrazek 180 stopni click

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]JQuery toggle obrazek 180 stopni click

fate

9.12.2012, 18:35:48

Witam
Skorzystałem z Jquery do ukrywania/pokazywania di\/a demo tu:
www.randomsnippets.com/2011/04/10/how-to-hide-show-or-toggle-your-div-with-jquery/
No i chcialbym umiescic obrazek strzałeczkę a raczej /\ oraz \/ do pokazywania/ukrywania tego di\/a.
Jak to sparowac z tym skryptem?
Lepsze/łatwiejsze bedzie cos co wyswietla obrocony o 180 stopni obrazek czy raczej wczytanie innego obrazka?

CODE

ewentualnie onclick/onblur, choc wolalbym zeby skrypt odwolywal sie bardziej do faktycznego stanu di\/a ukryty/widac bo obawiam sie ze moze sie cos namieszac..

Bede wdzieczny za pomoc bezposrednia lub przydatne linki ale w JS jestem total cienias

zielu001

9.12.2012, 18:42:12

A nie lepiej użyć CSS:

[PHP] pobierz, plaintext 
transform:rotate(0-360deg); -webkit-transform:rotate(0-360deg); 
-moz-transform:rotate(0-360deg); -o-transform:rotate(0-360deg);
[PHP] pobierz, plaintext

w JQuery użyjesz animate albo .css i gotowe ;o

fate

11.05.2013, 18:16:18

CODE

01 $('.menu .menuHeader').click(function() {
02 var menuContentDiv = $(this).next();
03 if (menuContentDiv.is(":hidden")) {
04 menuContentDiv.slideDown("slow");
05 $(this).children(".menuImgClose"). removeClass("menuIconOpen");
06 $.cookie(menuContentDiv.attr('id'), 'expanded');
07 }
08 else {
09 menuContentDiv.slideUp("slow");
10 $(this).children(".menuImgClose"). addClass("menuIconOpen");
11 $.cookie(menuContentDiv.attr('id'), 'collapsed');
12 }
13 });

1 $('.menu .menuContent').each(function() {
2 var menuContent = $.cookie($(this).attr('id'));
3 if (menuContent == "collapsed") {
4 $("#" + $(this).attr('id')).hide();
5 $("#" + $(this).attr('id')).prev(). children(".menuImgClose").addClass("menuIconOpen");
6 }
7 });

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.