jQuery的hide（）和了slideDown（）

Question

$(document).ready(function(){ 
$('#AddCity').hide(); 
$('#AddCityA').click(function(){ 
    if (AddCityVar==1){ 
     $('#AddCity').hide(); 
     var AddCityVar=0; 
    }else{ 
      $('#AddCity').slideDown("slow"); 
      var AddCityVar=1; 
    } 
    }); 

我不能算出這個，爲什麼DIV ID爲#AddCity是首先點擊打開上#AddCityA鏈接，但永遠不會隱藏第二次點擊？是否$（「＃AddCityA」）。點擊（函數（）只工作一次？

<a href="#" id="AddCityA">Add City</a> 

<div id="AddCity"> 
    here some code 
</div> 

感謝所有幫助

Answer 1

你似乎重新initialisng AddCityVar每次你一些值分配給它。你需要有它的點擊功能範圍之外。

$(document).ready(function(){ 
    $('#AddCity').hide(); 
    var AddCityVar= 0; 
    $('#AddCityA').click(function(){ 
     if (AddCityVar==1) { 
     $('#AddCity').hide(); 
     AddCityVar=0; 
     } 
     else { 
     $('#AddCity').slideDown("slow"); 
     AddCityVar=1; 
     } 
    }); 
}); 

但是，作爲烤提到的，neednt具有可變做到這一點，您可以只使用slideToggle：

$('#AddCityA').click(function() { 
    $('#AddCity').slideToggle("slow"); 
}); 

演示：http://jsfiddle.net/hungerpain/9cdKL/

Answer 2

你可以只檢查元素可見：

$(document).ready(function() { 
    $('#AddCity').hide(); 
    $('#AddCityA').click(function() { 
     var state = $('#AddCity').is(':visible'); 
     $('#AddCity')[state?'hide':'slideDown'](state ? 0 : 'slow'); 
    }); 
}); 

FIDDLE

對於一個更簡單的方法，你可以在元素兩種方式滑動：

$('#AddCity').hide(); 
    $('#AddCityA').on('click', function() { 
     $('#AddCity').slideToggle('slow'); 
    });