Question

我正在制作图像滑块。我希望这样做，当用户点击图像时，它应该被隐藏，即图像后面的文字应该是可见的。

在我的图片的OnClick事件中，我编写了隐藏图片的代码，但是当用户再次点击该图片或任何其他选项时，如果我希望它再次可见，该怎么办？

Answer 1

你可以像这样使用jquery SlideToggle（）或show（）和hide（）方法：

    <div id="yourid"></div>

$(document).ready(function(){
        $('#btnid').click(function(){
             $('#divid').show();

         });
         $('#btnid2').click(function(){
             $('#divid).hide();
         });
    });

Answer 2

在onclick事件中，您可以在文档上创建一次性单击事件，该事件将再次显示图像。

当用户也在外面点击时，这将显示图像。

确保文档上的click事件只是一次，以避免不必要的操作。

Answer 3

与fadeToggle类似，您可以使用切换（速度）。这将在display none和block之间切换。

$(document).on('click','#imageContainer',function(){
    $('#image').toggle();
)};

在图像上单击显示图像后面的文本

3 个答案: