Javascript 捕获和冒泡事件变得混乱

我以前写过jquery代码，到现在为止，它工作得很好。现在它突然开始表现得很奇怪

  $(document).ready(function(){
      $("#head").click(function(){
          $(this).next().toggle('slow');
      });

上面的代码用于切换标题栏下的内容。它工作得很好。现在，它在一次点击时向下滑动，然后向上滑动，这意味着它会被触发两次，我怀疑这是因为第一次捕获阶段，然后冒泡。所以它产生了这种摆动效应。所以我的问题是：这是否有可能以我怀疑的方式被解雇？泡沫和捕获

编辑

此问题是在我包含此代码后开始出现的

$('#inputsearch').keyup(function(event){

    var searchterms=$('#inputsearch').val();
    console.log(searchterms);
    $.ajax({
        type:'POST',
        data:{'searchterms': searchterms},
        url:'displaysearch.php',
        success: function(response){ 
        $("#searchingresults").empty().html(response).show();if(searchterms=='')
        {$('#searchingresults').empty().hide();}

        }
        });
        event.stopPropagation();
    });

    $('html').click(function(){  if(!$(event.target).is('#inputsearch')){
    $('#searchingresults').empty().hide();
}});

html

<div align="left" id="head" style="margin:3px; margin-top:5px;">Contents    <span style="padding-right:70px; font-size:10px;">   7 </span></div>
 <div align="left" id="subbox" style="position: absolute; width: 100%; display: none;">
<ul><li><a href="/spiralblog/home.php">askbuddy</a></li>
<li><a href="/spiralblog/home.php">PHP</a></li>
<li><a href="/spiralblog/home.php">CSS</a></li></ul>
</div>

---

在主页中包含另一个页面时，我意外地包含了两次相同的.js文件。这导致调用同一个click事件两次。然后在一次单击中切换元素两次。因此产生了摇摆效应

你们能提供一个小提琴复制你们的问题吗？你们的身体上可能有另一个代码关闭菜单吗？这里并没有捕获阶段。你似乎误解了事件阶段的工作原理我编辑了代码。。。请检查作为旁注，您正在keyup处理程序中嵌套click binding，这是不允许的。在每个keyup事件上，将绑定一个新的click事件，等等。。。