jQuery - .click（）和.toggle（）

Question

我想在用戶點擊某個鏈接時顯示圖片，並且當他再次點擊時將其隱藏。這裏有一些代碼：

<div class="row"> 
<div class="col-md-12"> 
    <img id="c0" src="images/item-1.png"> 
    <img id="c1" src="images/item-2.png"> 
</div> 
</div> 

<a id="ac1" href="#">Link</a> 

$('#c1').hide(); 
$('#ac1').click(function(){ 
    $('#c0').hide(); 
    $('#c1').show(); 
}); 

它的作品和它的簡單。但是當有人再次點擊鏈接時，它不允許隱藏圖像。 我想知道是否有適用於其他情況的解決方案。 謝謝

Answer 1

您可以使用此：

<div class="row"> 
    <div class="col-md-12"> 
     <img style="display:none" id="c0" src="images/item-1.png"> 
     <img id="c1" src="images/item-2.png"> 
    </div> 
</div> 

$("DIV.col-md-12").click(function() { 
    $("DIV.col-md-12 IMG").toggle(); 
}); 

Answer 2

使用切換（）函數：

<div class="row"> 
<div class="col-md-12"> 
    <img id="c0" src="images/item-1.png"> 
    <img id="c1" src="images/item-2.png"> 
</div> 
</div> 

<a id="ac1" href="#">Link</a> 

$('#c1').hide(); 
$('#ac1').click(function(){ 
    $('#c0').toggle(speed); 
    $('#c1').toggle(speed); 
});