Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript]JQuery toggle obrazek 180 stopni click, obrocenie obrazka lub zaladowanie innego onclick
fate
post
Post #1





Grupa: Zarejestrowani
Postów: 824
Pomógł: 106
Dołączył: 14.03.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


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
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
function toggleDiv(divId) {
$("#"+divId).toggle();
}
</script>


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

Ten post edytował fate 9.12.2012, 18:38:25
Go to the top of the page
+Quote Post
zielu001
post
Post #2





Grupa: Zarejestrowani
Postów: 87
Pomógł: 3
Dołączył: 15.08.2009

Ostrzeżenie: (0%)
-----


A nie lepiej użyć CSS:

  1. transform:rotate(0-360deg); -webkit-transform:rotate(0-360deg);
  2. -moz-transform:rotate(0-360deg); -o-transform:rotate(0-360deg);


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

Ten post edytował zielu001 9.12.2012, 18:45:25
Go to the top of the page
+Quote Post
fate
post
Post #3





Grupa: Zarejestrowani
Postów: 824
Pomógł: 106
Dołączył: 14.03.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


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 });
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 26.08.2025 - 16:30