Javascript 为什么我必须在第一次单击Div两次?

Javascript 为什么我必须在第一次单击Div两次?,javascript,jquery,Javascript,Jquery,我正在运行一个jQuery脚本,它工作得很好,但是我有一个切换函数,当你点击它时,它会将一个div滑入和滑出。第一次你必须双击它使它工作,我想删除这个。有人知道为什么会这样吗?这就是我的意思 这是剧本 $(document).ready(function(){ $(".inline").colorbox({inline:true, width:"50%"}); //Example of preserving a JavaScript event for inli

我正在运行一个jQuery脚本,它工作得很好,但是我有一个切换函数,当你点击它时,它会将一个div滑入和滑出。第一次你必须双击它使它工作,我想删除这个。有人知道为什么会这样吗?这就是我的意思

这是剧本

    $(document).ready(function(){
      $(".inline").colorbox({inline:true, width:"50%"});
      //Example of preserving a JavaScript event for inline calls.
      $("#click").click(function(){ 
        $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
        return false;
      });
      var slideout = $('#actionsBlurb');
      $('#dots').hide();
      $('#mapBack').delay(1000).animate({top:"45px"},800).fadeOut(400);
      $('#mapBackTop').delay(1000).fadeOut(1000);
      slideout.delay(4000).animate({ right: 175, }, { duration: 1000, easing: 'easeOutExpo'});                   
      var open = true;
      $(".close").click(function () {
        if(open === false) {
          open = true;
          slideout.animate({ top: '-170px'}, { queue: false, duration: 500 });$('#dots').fadeIn(2000); 
        }  else if(open === true) {
          open = false;
          slideout.animate({ top: 0}, { queue: false, duration: 500});$('#dots').fadeOut(1000); 
        }

      });
    })

;

请你在发帖前把代码的缩进整理一下好吗。仅仅因为你不关心你的代码是什么样子并不意味着其他人想看得一团糟。我不确定,但我想问题是你开始时是
var open=true
,而实际上div开始时是关闭的。我会使用console.log或警报消息来判断是否没有收到事件,或者是否存在逻辑问题。你的示例URL是404'd,你是一个饼干怪物。你是对的。
var open = true;
      $(".close").click(function () {
        if(open == false) {
          open = true;
          slideout.animate({ top: '-170px'}, { queue: false, duration: 500 });$('#dots').fadeIn(2000); 
        }  else{
          open = false;
          slideout.animate({ top: 0}, { queue: false, duration: 500});$('#dots').fadeOut(1000); 
        }

      });