![]() |
![]() ![]() |
![]() |
![]() ![]()
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 |
|
|
![]()
Post
#2
|
|
Grupa: Zarejestrowani Postów: 87 Pomógł: 3 Dołączył: 15.08.2009 Ostrzeżenie: (0%) ![]() ![]() |
|
|
|
![]()
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 }); |
|
|
![]() ![]() |
![]() |
Aktualny czas: 26.08.2025 - 16:30 |