如何隱藏元素的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();