onclick show-div und nach einigen Sekunden hide my dargestellt div

Brauche ich etwas Hilfe mit meinen button. ich will, wenn ich auf den button (Klick mich) die hidden-div zu sehen sein sollte, aber nach einigen Sekunden meine versteckten div automatisch ausblenden. Danke !!

Hier der code :

<!DOCTYPE html>
<html>
<head>
  <style>
    .show {
         -o-transition: opacity 3s;
         -moz-transition: opacity 3s;
         -webkit-transition: opacity 3s;
         transition: opacity 3s;
      opacity:1;
    }
    .hide{  opacity:0; }
  </style>
  <script>
    function ShowSecond()
    {
      var div2 = document.getElementById("div2");
      div2.className="show";
    }
  </script>
</head>
<body>
<div id="div1" class="show">
  First Div
  <button onclick="ShowSecond()">clickMe</button>
  </div>
  <div id="div2" class="hide">
    Hidden Div
  </div>
</body>
</html>
  • Als meine ans ist dasselbe, also nur hinzufügen demo-link. jsfiddle.net/k2Ggx/1
  • Vielen Dank Neha, es funktioniert für mich perfekt.
  • froh, dass es hilft :)!
InformationsquelleAutor user2990762 | 2014-03-03
Schreibe einen Kommentar