jquery 正在重新关闭隐藏内容

p8h8hvxi  于 2022-12-03  发布在  jQuery
关注(0)|答案(2)|浏览(132)

我有一个很大的文档,在那里实现了很多。我希望有一种方法可以简单地编辑JavaScript,所以我有更少的编辑。
基本上,点击一行文本打开隐藏的文本在它下面。你可以关闭和重新隐藏的文本点击同一行文本...这是唯一的方式,我希望它的运作。因为它是现在,你可以点击隐藏的文本在任何地方,这也将关闭它。这是成为一个问题,因为我有互动的内容在隐藏文本区,而在错误区域的意外点击将使其全部折叠。
第一个
Full Fiddle
注意:在小提琴上,我的JavaScript在最后,在粘贴的jQuery下面...对不起,这是我能让它工作的唯一方法。

nwlls2ji

nwlls2ji1#

参见小提琴或下面的片段:https://jsfiddle.net/ejbdb128/6/
通过检查父选择器中的“this”,您可以在单击子“span”元素时过滤掉它。我应该注意的是,如果您单击“span”之外的任何地方,并且在div元素中,它将隐藏span,即使您不只是单击“Click Me”文本。
第一个

mpgws1up

mpgws1up2#

将click处理程序添加到外部事件中,并使用它来隐藏元素。顺便说一下,jQuery内置了hidetoggle函数来隐藏元素。
于飞:

<div class="results_container">
<span class="clickme">Click Me to show hidden content</span>   
<span class="hideme">
    I am hidden in span tags. You can close me by clicking anywhere in this text, however, I ONLY want to close the same way I opened; by clicking "Click Me to show hidden content.
</span>

Java脚本:

$(document).ready(function(){
"use strict";
  $('.hideme').hide();

  $('.clickme').on('click', function() {
    $('.hideme').toggle();
  });
});

在这里拨弄:https://jsfiddle.net/fLj6c4q7/

相关问题