DIVの内容が適切にスライドしていない

Question

私は、ディスプレイの上部25pxに100％幅のバナーであるDIVを持っています。それは装填時に見えなくなり、最後に十字をクリックすることで取り除くことができます。これは、JQueryを使用してビューの外にスライドするように設定されています。しかし、内容はそれと一緒に滑り落ちることはありません、彼らは単に消えます。入れ子になったDIVにも同じjqueryを添付して、正しくアニメーション化されていることを確認する必要がありますか？現在、このjQueryのを使用して

：

<script type="text/javascript"> 
/* The fade in script */ 
$(document).ready(function(){ 
$('#alert_top').delay(2000).fadeIn(300); 
}); 
/* The fade out script */ 
$(function(){ 
$(".alert_topClose").click(function(){ 
    $("#alert_top").slideUp(300, function(){ 
     $(this).remove(); 
    }); 
}); 
}); 
</script> 

ここでは、あなたが提供するCSSの小さな問題がありました添付HTML

<div id="alert_top"> 
<div class="alertcontainer"> 
    <div class="alertcontent alertstyle">Text</div> 
    <div class="alertclose alertstyle"><a class="alert_topClose"><img src="cancel_cross_14x14_white.png" /></a></div> 
</div> 
</div> 

http://jsfiddle.net/2J7qP/

Answer 1

です。私はそれらを固定とFirefox、IE、ChromeとSafariでそれをテストし、それは今も元気になります。

• 新しいアップデート：http://jsfiddle.net/42qWt/は

私は画面の幅に依存して柔軟であるためにあなたの固定サイズを変更して入れをあなたの近くのdivは警告の内側に。私はfloat：rightを使いたいので、閉じるボタンdivの順序を変更しました。これに関するご質問がある場合はお知らせください：