隐藏divs在我的浏览器中不起作用，但在js_fiddle中工作正常

Question

我只想在页面刷新时隐藏一些div。 这工作正常Js_fiddle（js_fiddle_link），但是当我在我的浏览器中尝试它，隐藏所有div后它再次出现。可能是什么原因 ？ 段：

$(function() { 
 
    $("div.show").hide("2000") 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<h1>This is the testing for different div selection </h1> 
 

 
<div class="list-group"> 
 

 
    <li>Click here for A</li> 
 
    <li>Click here for B</li> 
 
    <li>Click here for C</li> 
 

 
</div> 
 

 
<div class="show"> 
 

 
    This class holds the information aboout the A classs so those who want to join me within this group blah blah blah 
 
</div> 
 
<hr> 
 
<div class="show"> 
 
    This class holds the information aboout the B classs so those who want to join me within this group blah blah blah 
 
</div> 
 
<hr> 
 
<div class="show"> 
 
    This class holds the information aboout the C classs so those who want to join me within this group blah blah blah 
 
</div> 
 
<hr>

Answer 1

检查与.show阶级矛盾。根据评论，原因是Bootstrap 3的.show辅助类与display: block !important;规则覆盖脚本添加的内联样式。

将.show类更改为另一个名称修复它。