jQuery点击动画div

时间:2013-05-01 08:30:09

标签: html click jquery-animate fade

我想在左侧制作div幻灯片200px并点击另一个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标签。

我需要让它只响应#navigatie div

1 个答案:

答案 0 :(得分:0)

我不清楚,但jsfiddle可能有所帮助。你必须将postion:absolute赋予#navigatie(你将使用动画改变位置的元素)