kostenloser Webspace werbefrei: lima-city

Javascript inhalt langsam runterfahren..

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   paddy-herrmy

   

   paddy-herrmy hat kostenlosen Webspace.

   3:05, 24.3.2012

   Hallo limas...
   
   Ich arbeite momentan an eier Website. Jedoch hänge ich an folgender Stelle,
   man kann auf jeder seite auf den Pfel nach unten in der Mitte (Witz einreichen) Klicken.
   
   Wenn man darauf klickt, wird ein Formular eingeblendet. Jedoch ohe jegliche Animation...
   Ich nutze dazu folgende Funktion:
   

   function toggle(control){
   	var elem = document.getElementById(control);
   	
   	if(elem.style.display == "none"){
   		elem.style.display = "block";
   	}else{
   		elem.style.display = "none";
   	}
   }

   
   HTML dazu:
   

   <a href="javascript:toggle('test')">
   Klicken zum ausfahren..</a>
   <br /><div id="test" style="display: none">
   inhalt..
   </div>

   
   
   Wie gesagt, momentan klappt der inhalt zwar aus, jedoch ohne Animation
   Wie schreibe ich das am besten, dass der inhalt langsam nach unten ausfährt?
   
   Ich bedanke mich schonmal im Vorraus, und wünsche euch eine gute Nacht
   
   
   
   Beitrag zuletzt geändert: 24.3.2012 3:07:39 von paddy-herrmy

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. nilsmargotti

   

   nilsmargotti hat kostenlosen Webspace.

   8:22, 24.3.2012

   Du kannst dich mal nach jquery erkundigen mit einem JavaScript ohne diese Bibliothek müsstest du praktisch den div immer um eins erweitern also heigth+ 1PC und dazwischen einfach akzeptiert machen.
   
   Bedenken bei deiner Seite auch Leute die kein JavaScript nutzen können/wollen.

4. vexi

   vexi hat kostenlosen Webspace.

   8:54, 24.3.2012

   Hier der passende jQuery-Aufruf dazu:
   http://api.jquery.com/slideDown/
   
   Beitrag zuletzt geändert: 24.3.2012 8:54:30 von vexi
5. Autor dieses Themas

   paddy-herrmy

   

   paddy-herrmy hat kostenlosen Webspace.

   11:39, 24.3.2012

   vexi schrieb:
   Hier der passende jQuery-Aufruf dazu:
   http://api.jquery.com/slideDown/

   
   
   Danke, das ist schon genau das was ich suche, aber iwie scheint das bei mir so nicht zu funktionieren^^
   
   

   nilsmargotti schrieb:
   Du kannst dich mal nach jquery erkundigen mit einem JavaScript ohne diese Bibliothek müsstest du praktisch den div immer um eins erweitern also heigth+ 1PC und dazwischen einfach akzeptiert machen.
   

   
   
   Ja, klar ich habe natürlich die
   <script type='text/javascript' src='http://cursr.de/include/jquery-1.7.1.js' ></script>
   eingebunden^^

6. deep-shades

   deep-shades hat kostenlosen Webspace.

   13:02, 24.3.2012

   paddy-herrmy schrieb:
   
   Danke, das ist schon genau das was ich suche, aber iwie scheint das bei mir so nicht zu funktionieren^^
   
   

   
   
   was funktioniert denn nicht? Sonst können wir dier nicht helfen ^^
7. Autor dieses Themas

   paddy-herrmy

   

   paddy-herrmy hat kostenlosen Webspace.

   13:23, 24.3.2012

   Uiii hab es hinbekommen...
   
   Habre nun folgenden Code Benutzt:
   

   <div id="btn">Klick</div>
   <div class="box_blue" id="slideToggleBox" style="display: none;">
   Inhgalt....
   </div>
   
   <script>$("#btn").click(function () {$("#slideToggleBox").slideToggle("slow");});</script>

   
   
   Das endergebnis kann man hier betrachten..

8. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?