Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML][JavaScript]Pomoc css js
Forum PHP.pl > Forum > Przedszkole
Salur
Witam, jak zrobić aby powoli się wyświetlał ukryty div a potem powoli znikał?

JS:

  1. <script language="javascript">
  2. function toggle5(showHideDiv, switchImgTag) {
  3. var ele = document.getElementById(showHideDiv);
  4. var imageEle = document.getElementById(switchImgTag);
  5. if(ele.style.display == "block") {
  6. ele.style.display = "none";
  7.  
  8. }
  9. else {
  10. ele.style.display = "block";
  11.  
  12. }
  13. }
  14.  
  15. <div id="headerDivImg">
  16.  
  17. <div id="titleTextImg"></div>
  18.  
  19. <a id="imageDivLink" href="java script:toggle5('contentDivImg', 'imageDivLink');"><img src="img/kontakt.png"></img></a>
  20.  
  21. </div>
  22.  
  23. <div id="contentDivImg" style="display: none;">Dynamicznie działa?<br><br><br><br><br><br><hr>Działa!</div>
  24.  
  25. </div>
Comandeer
transition na opacity: http://jsfiddle.net/Comandeer/4wn3ooed/
Salur
Dziekuję, lecz jeden problem po dodaniu na stronę nie znika po ponownym kliknięciu jedynie po odświeżeniu.
prz3kus
zbadaj element na stronie, pewnie jakieś błędy w js ujrzą światło dzienne smile.gif
Comandeer
Prawdopodobnie umieściłeś kod JS w head zamiast na końcu body.
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.