jQuery-.click（）和.toggle（）

我想在用户点击链接时显示一个图像，当他再次点击时，隐藏它。下面是一些代码：

<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();
});

它工作起来很简单。但它不允许在有人再次点击链接时隐藏图像。 我想知道是否有一个解决方案，我可以适用于其他情况。 谢谢你

你可以用这个：

<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();
});

---

使用切换功能：

<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);
});

只需使用$'c0'。切换；$'c1’’切换；看一看。切换