jQuery 在点击时为 div 设置动画

Question

我想让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。

Answer 1

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