Javascript Jquery-修复切换元素内的超链接

我对一些Jquery脚本有意见，我希望有人能给我指出正确的方向

我有一个区域，最初是隐藏的，但一旦被点击它就会显示它的内容，再次点击它就会隐藏它的内容。 在这个区域内有一系列的超链接。我面临的问题是，当单击这些链接时，容器将再次关闭，而不是重定向到其他位置。我可以理解为什么会发生这种情况，但我不确定如何修复它

职能：-

function toggleDisplay(itemToToggle, itemHeightOpen, itemHeightClosed) {
$(itemToToggle).toggle(
  function () {
    $(this).animate({ 'height': itemHeightClosed }).addClass('minus');
    },
      function () {
    $(this).animate({ 'height': itemHeightOpen }).removeClass('minus');
    });
 };

电话：-

var heighttomatch = $('#inlineSummaryWrapper').height() + 28;
toggleDisplay('#inlineSummary', '1.2em', heighttomatch);

html：-

<div id="inlineSummary" class="displayToggle">
  <h2>Summary</h2>
  <div id="inlineSummaryWrapper">
   <a href="/mylink">the link</a>
  </div>
</div>

总结

我确实尝试过将“调用”包装在一个针对H2的点击操作中，但是容器的打开和关闭会产生一种奇怪的效果，所以我不知道该怎么做

---

提前感谢您的帮助。

发生这种情况是因为链接上的

单击事件会传播。你可以用它来阻止它

这是因为链接上的
单击
事件会传播。你可以用它来阻止它

先生，你太棒了：）这正是问题所在。谢谢你的帮助，谢谢你今天教了我一些新东西。先生，你真是太棒了：）这正是问题所在。谢谢你的帮助，谢谢你今天教我一些新东西。
function toggleDisplay(itemToToggle, itemHeightOpen, itemHeightClosed) {
    $(itemToToggle).find('a').click(function (e) {
        e.stopPropagation();
    });
    ...
}