kostenloser Webspace werbefrei: lima-city

Javascript Slide: SlideDiv im Vordergrund

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

1. Autor dieses Themas

   biwidesign

   biwidesign hat kostenlosen Webspace.

   17:14, 6.6.2012

   Hallo,
   
   Mit diesem Code habe ich versucht ein Div mit einem Klick auf einen Link von oben erscheinen zu lassen.
   Ist mir fast gelungen. Mein Problem ist, dass das Div zuerst zu sehen ist und beim Klick nach oben verschwindet.
   Mein zweites Problem ist, dass sich ein zweites Div auf der Seite befindet. Das Erste sollte dass Zweite überblenden. Das zweite Div verschiebt sich jedoch mit nach unten.
   
   Was muss ich nun in dem Code verändern ??
   Danke im Voraus :-)
   
   Javascript:
   
   

   <script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
   
   <script>
   $(document).ready(function(){
     $(".slide").click(function(){
       $("#slider").slideToggle(850);
       return false;
     });
   });
   
   </script>

   
   
   HTML:
   
   

   <div style="background:red; height:300px; width:300px" class="div" id="slider"></div>
   <a class="slide" href="#">Click!</a>
   <div style="background:blue; height:300px; width:500px"></div>

   
   
   Beitrag zuletzt geändert: 6.6.2012 17:20:13 von biwidesign

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.

   18:12, 6.6.2012

   Zu dem Verschieben:
   
   Versuchs mal in der css mit:
   

   position. absolute;

   
   
   und mach das ganze am besten mit
   

   .animate

   
   
   http://api.jquery.com/animate/

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

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

Dir gefällt dieses Thema?