隐藏子文章，但单击父 div 时继续显示文章

Question

问题属于此站点： http://bit.ly/jQD6dd

当子菜单项“Do you”>单击“Ziekenhuis”，应该会在 id 为“#doyou”的文章上方显示 id 为“#ziekenhuis”的文章。当在文章外部但在父菜单“#doyou”中单击时，该项目应保持打开状态。当单击其他任何地方时，完整的菜单应该消失。

使用此代码，子文章将不会显示，因为单击了“.article”类。

$(function() {
  $(".article").click(function() {
    hideArticles();
    $(this).show();
  });

  $("#main-container").click(function(e) {
    if (e.target.id == "main-container")
      hideArticles();
  });
});

function hideArticles() {
    $(".article").hide();

    $(".subart").hide();  
}

有人知道如何以正确的方式显示和隐藏元素吗？

Answer 1

也许您获取单击链接的“href”属性并显示具有该属性 ID 的文章？

$('a.btn').click(function(){
    var show = $(this).attr('href');
    $(show).show();
});

然后向子艺术添加点击事件

 $('.subart').click(function(){
      return false;
 });

我意识到我没有得到你真正想要的..