Javascript Jquery（单击）问题并更改单击目标

我有基本HTML和基本JQuery代码，如下所示：

HTML代码：

<section id="footer-extras">
  <div class="footer-extras point1">
    <div id="footer-float" class="point1">
      <span id="f-search" class="f-search">
        <span id="fsearchselector" class="circle">
          <span class="default">ONLY CLICK</span>
          <span id="fsearchcontent" class="content rmclass">
            CONTENT SHOW / HIDE
          </span>
        </span>
      </span>
      <span class="fextras-wrapper">
        <span id="fextraselector" class="circle">
          <span class="default">ONLY CLICK</span>
          <span id="fextrascontent" class="content rmclass">
            CONTENT SHOW / HIDE
          </span>
        </span>
      </span>
      <span class="f-menu-wrapper">
        <span id="fmenuselector" class="circle">
          <span class="default">ONLY CLICK</span>
          <span class="content rmclass">
            CONTENT SHOW / HIDE
          </span>
        </span>
      </span>
    </div>
  </div>
</section>

 $(function(){ //F1
        $("#footer-float > span > span > .default").on("click",function(event){
                $(this).next().toggleClass('rmclass');
                $("#footer-float > span > span > .default").not(event.currentTarget).next().addClass('rmclass');
            });
            $(document).on("mouseup touchstart", function (event){
                var container = $("#footer-float > span > span > .default").next();
                if (!$(event.target).parent().hasClass("circle_opened circle")) {
                        $("span.circle_opened").removeClass("circle_opened");
                        $(container).addClass('rmclass');
                }
            });

}); //Parent function

我的问题在单击目标时开始，如下所示：

第一次单击应通过切换CLASS==>OK打开隐藏菜单

第二次单击同一目标==>不确定，与单击相同 已转移到所示的新范围。（隐藏内容容器）

单击容器关闭所有打开的面板==>确定如果我愿意 删除代码的第二个函数：第一个函数 会很好用的

$（文档）.ready（函数（）{
var事件=事件；
$（函数（）{//F1
$（“#页脚浮动>span>span>.default”）。在（“单击”上，函数（事件）{
$（this.next（）.toggleClass（'rmclass'）；
$（“#footer float>span>span>.default”）.not（event.currentTarget.next（）.addClass（'rmclass'）；
});
$（文档）.on（“mouseup touchstart”，函数（事件）{
var container=$（“#footer float>span>span>.default”）.next（）；
if（！$（event.target）.parent（）.hasClass（“圈\打开的圈”））{
$（“span.circle\u opened”）.removeClass（“circle\u opened”）；
$（container.addClass（'rmclass'）；
}
});
})；//父函数
}); //文件准备功能

section>div>div>*{
显示：块；
宽度：自动；
利润率：20px0；
填充：10px；
边框：2倍实心#333；
文本对齐：居中
}
span{显示：块；}
.rmclass{
显示：无；
边框：1px纯蓝色；
宽度：自动；
填充：0 15px；
}
.违约{
字体大小：粗体；
颜色：红色；
}

只点击
内容显示/隐藏
只点击
内容显示/隐藏
只点击
内容显示/隐藏

我不知道下面的内容是否是您要搜索的内容， 但我刚刚检查了触摸事件，如果目标是唯一的点击范围，否则触发事件

if(!$(event.target).hasClass("default")) {
   // touch event code 
} 

$（函数（）{//F1
$（“#页脚浮动>span>span>.default”）。在（“单击”上，函数（事件）{
控制台日志（“e”）；
$（this.next（）.toggleClass（'rmclass'）；
$（“#footer float>span>span>.default”）.not（event.currentTarget.next（）.addClass（'rmclass'）；
});
$（文档）.on（“mouseup touchstart”，函数（事件）{
console.log（event.target）；
if（！$（event.target）.hasClass（“默认”））{
var container=$（“#footer float>span>span>.default”）.next（）；
if（！$（event.target）.parent（）.hasClass（“圈\打开的圈”））{
$（“span.circle\u opened”）.removeClass（“circle\u opened”）；
$（container.addClass（'rmclass'）；
}
}
});
}); //父函数

section>div>div>*{
显示：块；
宽度：自动；
利润率：20px0；
填充：10px；
边框：2倍实心#333；
文本对齐：居中
}
跨度{
显示：块；
}
.rmclass{
显示：无；
边框：1px纯蓝色；
宽度：自动；
填充：0 15px；
}
.违约{
字体大小：粗体；
颜色：红色；
}

只点击
内容显示/隐藏
只点击
内容显示/隐藏
只点击
内容显示/隐藏

无法理解您的问题。请在代码片段中解释，只有CLICK被标记为红色…它的切换类是第一个CLICK（Remov/Add）类。我想要的是，使toggle类动作保持不变，第二个函数还将执行单击文档体。如果查看演示，则不能仅使用CLICK divYes切换类，第一个函数将仅为CLICK span切换类。第二个函数将再次向它添加类，我将另一个类作为它的另一个类，或者为了使它简单，我需要两个函数一起工作，请原谅我的英语两个函数你是指事件吗？点击鼠标点击TouchStart谢谢你解决了这个问题，通用ide已经解决了，但我还有其他问题，我会自己解决：）不客气：），请在这里描述其他问题，如果是相同的代码，否则发布一个新任务：）不谢谢，它与其他部分相关，不包含在HTML文件中，我会检查，若我要面对这个问题，我会回到这里：）谢谢你们一次又一次