http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_DHTML%2FjQuery%2FslideDown
JavaScript DHTML/jQuery/slideDown - История изменений
2026-04-04T20:57:44Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_DHTML/jQuery/slideDown&diff=3086&oldid=prev
в 10:02, 26 мая 2010
2010-05-26T10:02:45Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 10:02, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
http://wbex.ru/index.php?title=JavaScript_DHTML/jQuery/slideDown&diff=3087&oldid=prev
Admin: 1 версия
2010-05-26T07:24:13Z
<p>1 версия</p>
<p><b>Новая страница</b></p><div>==Hide and Slide down==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
<br />
$("p").click(function () {<br />
$("p").hide();<br />
$("p").slideDown();<br />
});<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<p>Hello</p><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Slide down and set focus==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
<br />
$("div").click(function () {<br />
<br />
$("input").slideDown(1000,function(){<br />
$(this).focus();<br />
<br />
});<br />
});<br />
});<br />
</script><br />
<style><br />
input { display:none;margin:10px; }<br />
</style><br />
</head><br />
<body><br />
<body><br />
<div>Click me</div><br />
<input type="text" /><br />
<input type="text"/><br />
<input type="text" /><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Slide down fast==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
<br />
$("p").click(function () {<br />
$("p").hide();<br />
$("p").slideDown("fast");<br />
});<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<p>Hello</p><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Slide down form fields==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
<br />
$("div").click(function () {<br />
<br />
$("input").slideDown(1000,function(){<br />
$(this).focus();<br />
<br />
});<br />
});<br />
});<br />
</script><br />
<style><br />
input { display:none;margin:10px; }<br />
</style><br />
</head><br />
<body><br />
<body><br />
<div>Click me</div><br />
<input type="text" /><br />
<input type="text"/><br />
<input type="text" /><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Slide down in milliseconds==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
<br />
$("p").click(function () {<br />
$("p").hide();<br />
$("p").slideDown(10000);<br />
});<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<p>Hello</p><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Slide down slowly==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
<br />
$("p").click(function () {<br />
$("p").hide();<br />
$("p").slideDown("slow");<br />
});<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<p>Hello</p><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==slideDown(speed, callback): Only the height is adjusted for this animation==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$(document.body).click(function () {<br />
if ($("div:first").is(":hidden")) {<br />
$("div").slideDown("slow");<br />
} else {<br />
$("div").hide();<br />
}<br />
});<br />
<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<div>asdf</div><div>asdf</div><div>asdf</div><div>asdf</div><br />
</body><br />
</html><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Slide to show para==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("div").one("click", function () {<br />
if ($(this).is(":first-child")) {<br />
$("p").text("It"s the first div.");<br />
}else{<br />
$("p").text("It"s NOT the first div.");<br />
}<br />
$("p").hide().slideDown("slow");<br />
<br />
});<br />
});<br />
</script><br />
<style><br />
div { border:2px white solid;}<br />
</style><br />
</head><br />
<body><br />
<body><br />
Press each to see the text.<br />
<div>asdf</div><br />
<div>asdf</div><br />
<div>asdf</div><br />
<div>asdf</div><br />
<div>asdf</div><br />
<div>asdf</div><br />
<p></p><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
</source></div>
Admin