Question

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

当子菜单项“你”时>点击“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();
});

然后将click事件添加到子窗口

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

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

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

1 个答案: