如何隐藏元素的onclick jQuery的

Question

我有一个图像缩放，使用JQuery &插件也有按钮用图像 上空时，我双击它，在&放大图像时，我再次点击它，它缩小。

我需要隐藏点击图片上方的按钮才能放大，&再次点击缩小时，按钮应该再次出现。

我该怎么做？

这里是我的jQuery代码

<script> 
    $(document).ready(function(){  
     $('#ex4').zoom({ on:'toggle',duration: 500 }); 
    }); 
</script> 

的html代码：

<span class="f1"><a href="#">1</a></span> 
<span class="f2"><a href="#">2</a></span> 
<span class="f3"><a href="#">3</a></span> 
<span class="f4"><a href="#">4</a></span> 
<span class="f5"><a href="#">5</a></span> 
<span class="f6"><a href="#">6</a></span> 

当我点击图片放大所有的按钮应该隐藏，当我点击了缩小按钮按钮应该再次出现..

我该怎么做？

Answer 1

既然你点击图片...

$('img').click(function(){ 

$('#btnID').slideToggle(); 

}) 

Answer 2

使用toggle显示或隐藏：

$(selector).toggle();