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

Question

我正在制作一个图像滑块。我想这样做，所以当用户单击图像时它应该被隐藏，即图像后面的文本应该是可见的。

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

Answer 1

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

当用户点击外部时，这也会显示图像。

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

Answer 2

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

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

Answer 3

您可以像这样使用 jquery SlideToggle() 或 show() 和 hide() 方法：

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

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

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