Question

我正在尝试创建一个脚本，我可以触摸图像以显示div和触摸，当可见并再次隐藏时。当我触摸它时，显示和隐藏在同一时间。我知道为什么，但我只是不知道如何让它在我触摸一次后保持显示，然后在我再次触摸时隐藏它。我的问题很明显，它使两个函数显示和隐藏顺序。这就是我试过的：

HTML

<div id="box1">
<div class="boxesBubble bubble1">
<a href="http://iarabrows.pt/novo2/threading">Threading &#8690;</a><br>
<a href="http://iarabrows.pt/novo2/threading">Sobrancelhas &#8690;</a><br>
<a href="http://iarabrows.pt/novo2/threading">Pestanas &#8690;</a><br>
<a href="http://iarabrows.pt/novo2/threading">Limpeza de pele &#8690;</a><br>
<a href="http://iarabrows.pt/novo2/threading">Peeling &#8690;</a><br>
</div>
<div id="boxes" class="img1">
<img class="imageBoxes" src="images/face.jpg"/>
<div class="arrow_box">
<div id="boxTitle">
Face
</div>
</div>
</div>
</div>

脚本

$('.img1').on('mouseover touch', function () {

   $('.bubble1').show(200);

});
$('#box1').on('mouseleave click touch', function () {

   if($('.bubble1').is(':visible')){
   $('.bubble1').hide(200);
   }

});

也尝试了这种方法，但显示并隐藏了一瞬间

$('#box1').on('touch', function () {
   if($('.bubble1').is(':visible') == true ){

       $('.bubble1').hide(200);

    } else {

       $('.bubble1').show(200);

    }
});

Answer 1

您是否尝试过toggle？

$('.bubble1').toggle(200);

移动触摸显示和隐藏div

1 个答案: