jQuery 在点击时为 div 设置动画

Posted 2023-05-08

【中文标题】jQuery 在点击时为 div 设置动画

【英文标题】：jQuery Animate a div on click

【发布时间】：2013-04-25 06:22:39

【问题描述】：

我想让div 向左滑动 200 像素，然后让另一个 div 在点击时淡入，但它不起作用。

这是我试过的代码：

<script>          
    $("#navigatie").click(function () 
        $(".tekstblock:hidden:first").delay(200).fadeIn("slow");
        $("#navigatie").animate("left":"200px", "1s");
    );
</script>

<div id="navigatie">
    <div class="button" id="button"><p>Over ons</p></div>
    <div class="button" id="upright"><p>audio</p></div>
    <div class="button" id="downleft"><p>Gallery</p></div>
    <div class="button" id="downright"><p>contact</p></div>
</div>

当我改变时：

$("#navigatie").click(function ()

到

$("div").click(function ()

整个动画效果完美，但点击功能将其应用于所有div 标签。

我需要让它只响应#navigati div。

【参考方案1】：

我不清楚，但jsfiddle 可能会有所帮助。您必须将postion:absolute 提供给#navigatie（您要使用动画更改位置的元素）