最初の div を表示および非表示にしてから、次の div を表示して 5 秒ごとに自動的に非表示にします。現在、このコードはスライドアップにありますが、トグル効果に変更する方法
ここにjsfiddleがあります:
JavaScriptコードはこちら:
$(function() {
$("#slideContainer").css({
"height" :$("#slideContainer div:first").css("height"
"overflow" : "hidden"
});
function slide() {
$("#slideContainer div:first").slideUp(800, function() {
var $this = $(this);
$this.parent().append(this);
$this.show();
slide();
});
}
slide();
});
htmlはここにあります:
<h1>Test of sliding stuff</h1>
<div id="slideContainer">
<div>Contact No: 555-666-7777</div>
<div>Email: me@me.com</div>
<div>Test: whatever</div>
<div>Add as many extra lines here as you like</div>
</div>
<div>Other page content here.</div>