我有一个生成箭头>>的div类。当点击该div时,我想显示应该从左向右滑动的项目列表,并且应该等待20秒。再次点击时,它应向左滑动并消失。
我正在尝试使用Jquery
但不能正常工作
请帮我。任何帮助将受到高度赞赏。
答案 0 :(得分:8)
$("#right").click(function(){
$(".block").animate({"right": "+=50px"}, "slow");
});
此代码假定一个元素在容器元素中具有类“block”,其id为“right”。具有“块”类的元素将是将在50px左右向右滑动的元素。
为了帮助您自己尝试这些教程:
http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-video-series/
答案 1 :(得分:0)
<script>
$(document).ready(function () {
$("#search-inline").click(function() {
$(".window_box").toggle({"left": "+=250px"}, 3000);
});
});
</script>
//click link
<a id="search-inline" title="Search" href="#content" alt="Search"> Search </a>
//initially hide the div
<div class="window_box" style="display:none; width:500px; height:500px;">
//content
</div>