Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery/toggle] Dodanie efektu
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
maniek74
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
IProSoft
Zamiast .css użyj .animate
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.