PollSlider隐藏，动画，隐藏

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'});
    }


  });
 });