如何在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

使用切换显示或隐藏：

$(selector).toggle();