Ich habe 2 div
s. In jedem Div habe ich einige Inhalte und auch ein anderes div, das standardmäßig ausgeblendet ist und relativ über dem Inhalt positioniert ist. Wenn ich über das div schwebe, möchte ich, dass das versteckte div nach oben gleitet. Was ich versuchte, funktioniert nicht für mich.SlideToggle div über Inhalt
code .. Ill zeigen nur einen Teil davon, da beide divs gleich sind. HTML:
<div class="youtube">
<h1> Youtube </h1>
<span></span>
<div class="yt-desc">
<p>
Pellentesque habitant morbi tristique senectus et
netus et malesuada fames ac turpis egestas.
Pellentesque habitant morbi tristique senectus et
netus et malesuada fames ac turpis egestas.
</p>
</div><!-- // .yt-desc -->
</div> <!-- // .youtube -->
CSS:
Heres die CSS für eine, die .forums
ist genau das gleiche. Ich habe das unnötige css herausgenommen.
.youtube, .forums { background: #3c3c3c url(../images/boxes-bg.jpg) repeat-x; float: left; position: relative; z-index: -1; width: 260px; }
.youtube h1, .forums h1 { text-indent: -9999px; margin: 26px auto; }
.youtube { margin: 0 216px 0 0; }
.youtube h1 { background: url(../images/yt-header.png) no-repeat; height: 36px; margin: 21px; auto; width: 212px; }
.youtube span { background: url(../images/icons/youtube.png) no-repeat; display: block; height: 75px; margin: 26px auto; width: 79px; }
.youtube .yt-desc, .forums .forums-desc { position: absolute; top: 94px; left: 0px; padding: 5px; display: none; }
yt-desc ist, was ich versuche, zu schieben. Aber aus irgendeinem Grund funktioniert es nicht.
Ive versucht.
$(".youtube").hover(function() {
$(".yt-desc").slideToggle("fast");
});
Immer noch kein Glück. Kann jemand helfen? :/Heres eine Idee von dem, was ich zu bekommen habe versucht -
Ich denke, das ist das, was ich will, ich versuchte es, aber es immer noch nicht funktioniert . – omnix
http: // Stapelüberlauf.com/questions/3654829/jquery-mouse-über-div-slideup-und-mouse-out-div-slidedown – omnix
Gibt es Javascript-Fehler auf der Seite? –