Erweitern div auf Hover

Question

Ich versuchte es mit CSS zu tun, die nächste, die ich bekam war: http://jsfiddle.net/XyDec/ Es funktioniert, aber nicht den Inhalt darin verstecken, und ich möchte einige glatte Animation , so denke ich, es ist Skripte Zeit. Ich kann sie nicht schreiben oder weiß nicht, wo ich nach ihnen suchen soll, könnte mir jemand helfen?

Answer 1

Sie einen Blick auf die jquery nehmen können JavaScript-Framework (benutzerfreundlich und leistungsfähiger) hier ein Beispiel für glatte Folie ist nach unten von div mit jquery:

http://api.jquery.com/slideDown/

dies mit einer Linie gemacht wird: $("div").slideDown("slow");

hoffen, dass es

helfen

Answer 2

Haben Sie jQuery versucht? Sie können das div als Objekt behandeln und mithilfe von jQuery-Methoden einem Ereignis eine Aktion zuweisen.

Zum Beispiel:

function hide(){ 
$('#the-div').hide('slow') 
} 

Dann rufen Sie einfach die Funktion auf dem Hover-Ereignisse.

Wenn Sie einen Schritt weiter gehen möchten, können Sie ihm einen Timer zuweisen, um ihn erneut anzuzeigen. Oder verwenden Sie sogar einen Rückruf.

function hide(){ 
var x = $('#the-div') 
$('#the-div').hide('slow', function(x){ 
    //do something with the variable x 
    }) 
} 

Ich denke, das sollte funktionieren.

Hoffe, dass hilft.

Prost.