Javascriptのポップアップと近い

Question

HTML

<ul> 
    <li class="first"><a href="#">Intro</a></li> 
    <li><a href="#">Crew</a></li> 
</ul> 

CSS

.page-popup { 
    z-index:500; 
    position:absolute; 
    left:345px; 
    background:#fff; 
    width:680px; 
    height:325px; 
    top:175px; 
    display:none; 
} 

はJavaScript：

$('.first').click(function() { 
    var onOff=false; 

    if (onOff=false) { 
     $('.page-popup').fadeIn('slow', function() { 
      // Animation complete 
     }); 
     onOff = true; 
    } else { 
     $('.page-popup').fadeOut('slow', function() { 

     }); 
     onOff = false; 
    } 
}); 

私はオープンクローズポップアップ効果を作成しようとしています。リンクをクリックするとポップアップがフェードインし、リンクを再度クリックするとポップアップがフェードアウトします。

* UPDATED。私はそれを動作させる方法を考え出した。ページのロード時に

var onOff=false; 

ないのonclickが実行されたときに、それ以外の場合は、常にそれをリセットし.......そしてもちろん、比較のために==を使用して:)

Answer 1

あなたの条件：私は宣言を配置する必要があります間違っていますif (onOff=false)。それは、if (onOff==false)

となるはずです。これはうまくいきます。

Answer 2

すでに言及した他のユーザーと同じように、（onOff == false） の条件を修正して、クリック時のデフォルトのイベントハンドラが実行されないようにする必要があります。コードを

$('.first').click(function(event) { 
    event.preventdefault(); 
    //rest of the code 
} 

に変更してください。ページの不要なスクロールを防ぐことができます。