Question

我只是关注一个关于民意调查的帖子 - 请看这个小提琴： http://jsfiddle.net/XNnHC/3/

我正在尝试最初隐藏pollSlider div，当您单击pollSlider按钮时，pollSlider div可见，然后动画到位。然后再次单击该按钮以使pollSlider div动画化然后隐藏。

$(document).ready(function()
{
  $('#pollSlider-button').click(function() {
    if($(this).css("margin-right") == "200px")
    {
        $('.pollSlider').animate({"margin-right": '-=200'});
        $('#pollSlider-button').animate({"margin-right": '-=200'});
    }
    else
    {
        $('.pollSlider').animate({"margin-right": '+=200'});
        $('#pollSlider-button').animate({"margin-right": '+=200'});
    }
  });
 });

Answer 1

设置轮询宽度的动画，而不是右边距。像这样：

MY FIDDLE

$(document).ready(function()
{
  $('#pollSlider-button').click(function() {
    if($(this).css("margin-right") == "200px")
    {
        $('.pollSlider').animate({"width": '-=200'});
        $('#pollSlider-button').animate({"margin-right": '-=200'});
    }
    else
    {
        $('.pollSlider').animate({"width": '+=200'});
        $('#pollSlider-button').animate({"margin-right": '+=200'});
    }


  });
 });

PollSlider隐藏，动画，隐藏

1 个答案: