javascript - 侧边栏双击而不是单击

Question

我的左侧边栏有问题，我需要在点击它时填充我的侧边栏，但是当我运行我的代码时，我必须双击我的“显示菜单”以获取我的菜单...我是什么做错了吗？

       $(document).ready(function () {

       var slider_width = $('.menucont').width(); //get width automaticly
       $('#pollSlider-button').click(function () {
           if ($(this).css("margin-right") == slider_width + "px" && !$(this).is(':animated')) {
               $('.menucont,#pollSlider-button').animate({
                   "margin-right": '-=' + slider_width
               });

               $(".menucont").show();

               $(".showmenu").css("display", "none");
                               $(".hidemenu").show();



           } else {
               if (!$(this).is(':animated')) //perevent double click to double margin
               {
                   $('.menucont,#pollSlider-button').animate({
                       "margin-right": '+=' + slider_width

                   });
                   $(".showmenu").show();

                   $(".menucont").hide();
                   $(".hidemenu").css("display", "none");

               }
           }


       });
   });

我也有一个 fiddle 网址 http://jsfiddle.net/6834Y/

如有帮助将不胜感激

Answer 1

你只需要像这样设置你的div:

<div id="pollSlider-button" style="margin-right: 77px;">

代替:

<div id="pollSlider-button" style="margin-right: 0px;">

工作 fiddle :http://jsfiddle.net/robertrozas/6834Y/1/