Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [jQuery/toggle] Dodanie efektu
maniek74
post 14.05.2014, 17:44:45
Post #1





Grupa: Zarejestrowani
Postów: 127
Pomógł: 0
Dołączył: 26.08.2013

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


Witam
Napisałem taki skrypt
  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3. $("[id*='more_']").toggle(function () {
  4. var id = this.id.replace(/more_/, '');
  5. $("#deputyInfo_"+id).css({overflow: "visible", height: "auto"});
  6. }, function () {
  7. var id = this.id.replace(/more_/, '');
  8. $("#deputyInfo_"+id).css({overflow: "hidden", height: "100px"});
  9. });
  10. });
  11.  
  12. <div class="deputyInfoBar">
  13. <h3>O mnie</h3>
  14. <div class="more" id="more_1">{BUTTON_MORE}</div>
  15. </div>
  16. <div class="deputyInfo" id="deputyInfo_1">{DB_DESC}</div>
  17.  
  18.  
  19. <div class="deputyInfoBar">
  20. <h3>O mnie</h3>
  21. <div class="more" id="more_2">{BUTTON_MORE}</div>
  22. </div>
  23. <div class="deputyInfo" id="deputyInfo_2">{DB_DESC}</div>


Sam skrypt działa fajnie ale brakuje mu jakiegoś efektu rozwijania i zwijania.
Można prosić o podpowiedź jak to zrobić?


Pozdrawiam
Go to the top of the page
+Quote Post
IProSoft
post 14.05.2014, 18:06:18
Post #2





Grupa: Zarejestrowani
Postów: 479
Pomógł: 97
Dołączył: 6.09.2011
Skąd: php.net :)

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


Zamiast .css użyj .animate


--------------------
Manual prawdę Ci powie.
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 12.06.2025 - 13:55