Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][HTML]toggle ze zmianą img., jak wykonać poprawnie - proszę spojrzeć w kod.
casperii
post
Post #1





Grupa: Zarejestrowani
Postów: 681
Pomógł: 28
Dołączył: 14.08.2014

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

[HTML] pobierz, plaintext 
  1. $(document).ready(function(){
  2.  
  3. $('.click_arrow').click(function(){
  4.  
  5.   $("#header-bottom").toggle(function(){
  6.     $(this).animate({height:180},200);
  7.   },function(){
  8.     $(this).animate({height:65},200);
  9.   }
  10.  
  11.   );
  12.  
  13.   });
  14.  
  15. });
  16.  
  17.  
  18. <div id="header-bottom">
  19. powiększamy / pomniejszamy diva
  20.  
  21. <img src="/images/arrow_down.png" class="click_arrow">
  22. </div>
[HTML] pobierz, plaintext


Panowie próbuje zrobić by po kliknięciu w img rozsuwał mi się div oraz img się zmieniał na arrow_up.png z arrow_down.png.
Na razie ten div po kliknięciu jakoś kuleje. Po 1 kliknięciu się rozsuwa po ponownym kliknięciu div się 2 x rozsuwa i chowa. po jeszcze jednym kliknięciu już 3 x czynność się wykonuje. Czy ktoś mi podpowie jak prawidłowo wykonać?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
casperii
post
Post #2





Grupa: Zarejestrowani
Postów: 681
Pomógł: 28
Dołączył: 14.08.2014

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

@Comandeer czy pomógłbyś mi zupgradować jquery do nowszej wersji?
Obecnie mam tak:
<head>
jquery-1.7.1.min.js
modernizr.js
jquery-ui-1.7.1.custom.min.js
selectToUISlider.jQuery.js
</head>

na końcu strony:
jquery.easing.1.3.js
jquery.flexslider-min.js
jquery.validate.js
jquery.form.js
twitter.js
custom.js
Go to the top of the page
+Quote Post

Posty w temacie
- casperii   [JavaScript][HTML]toggle ze zmianą img.   9.08.2016, 17:04:53
- - Comandeer   Masz starą wersję jQuery (<1.9), gdzie można by...   9.08.2016, 18:06:43
- - casperii   @Comandeer czy pomógłbyś mi zupgradować jquery do ...   9.08.2016, 18:55:17
- - Comandeer   Tzn nie bardzo wiem jakbym Ci miał w tym pomóc...   9.08.2016, 20:44:42
- - casperii   @Comandeer chodzi o to, że jeśli zmienie jQuery na...   9.08.2016, 20:56:33
- - Comandeer   To po prostu przepisz ten klik na taki z flagą Ja...   10.08.2016, 11:41:02
- - casperii   @Comandeer zrobiłem tak: [HTML] pobierz, plaintex...   15.08.2016, 11:12:04
- - Comandeer   A coś tego typu: Kod$('#test'...   15.08.2016, 17:46:34
- - casperii   Ok super dzięki działa.   15.08.2016, 18:37:39

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 29.12.2025 - 14:21
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn