Question

我有一个使用JQuery＆amp;的图像缩放插件图像上方还有按钮当我点击图像时，它会放大＆amp;当我再次点击它时，它会缩小。

我需要隐藏点击图片上方的按钮以放大，＆amp;再次当我点击它进行缩小时，按钮应该再次出现。

我该怎么做？

这是我的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

使用toggle来显示或隐藏：

$(selector).toggle();

Answer 2

由于您点击图片...

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

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

})

如何隐藏元素onclick jquery

2 个答案: