Question

我正试图让灰色面板滑出来。我希望在其他彩色面板滑入之前单击“目标1”或“目标2”或“目标3”时，整个div（灰色背景）会滑出。然后当您单击“主菜单链接”时在灰色面板滑入之前，整个彩色面板应滑出（不只是闪烁）。在此处查看演示http://jsfiddle.net/L7v0w96s/

<pre>
True ""

True "-"
True "+"

False "--"
True "+-"
True "-+"
True "++"

True "----"
False "+---"
False "-+--"
False "--+-"
False "---+"
False "++--"
True "-++-"
False "--++"
True "-+-+"
True "+-+-"
False "+--+"
True "+++-"
True "-+++"
True "++++"

True "-----"
True "------"
False "-------"

True "--+----+--+---++--"
</pre>

Answer 1

http://jsfiddle.net/L7v0w96s/7/

您过早隐藏了灰色菜单。将一个回调函数添加到jquery animate，它将在动画完成后隐藏

  $other.each(function(index, self) {
       var $this = $(this);
        $this.animate({
            left: $this.innerWidth()
        }, 500, function() {
            $this.removeClass('active')
        });
  });

并将"width()"更改为"innerWidth()"。它将计算宽度，包括填充。

面板不会使用jquery滑出

1 个答案: