默认子div打开onClick

时间:2016-01-20 05:50:54

标签: jquery html css

我修改了showonlyone div切换,以便在点击链接时显示div 问题是,即使ID(#origin)相似,它也仅适用于1 div。我不明白它对其他div的效果如何。

    function showonlyone(thechosenone)
 {
     $('#origin').css('display','block');
     $('.mcont').each(function(index) {
          if ($(this).attr("id") == thechosenone) {
               $(this).fadeIn(800);
          }
          else {
               $(this).fadeOut(200);
          }
     });
}

LINK: Actual website in development

角色1>将显示Origin Div - 这工作正常,但其他3不显示div 你必须先点击它,它还会记住哪个div是开放的,何时我理解应该被函数覆盖

2 个答案:

答案 0 :(得分:0)

使用类... ID必须始终唯一

这样做,asign class
 例如: $(' .origin')

 function showonlyone(thechosenone)
 {
     $('.origin').css('display','block');
     $('.mcont').each(function(index) {
          if ($(this).attr("id") == thechosenone) {
               $(this).fadeIn(800);
          }
          else {
               $(this).fadeOut(200);
          }
     });
}

答案 1 :(得分:0)

为什么不在FadeIn之后拨打showmini('origin');