请教两个问题：1.in的作用是什么？2.为什么删除其中一个fade之后就很奇怪？

问题1如题

问题2代码如下

<!-- 选项卡面板 -->
<div id="myTabContent" class="tab-content">
	<div class="tab-pane fade in active" id="bulletin">公告内容面板</div>
	<div class="tab-pane" id="rule">规则内容面板</div>
	<div class="tab-pane fade" id="forum">论坛内容面板</div>
	<div class="tab-pane fade" id="security">安全内容面板</div>
	<div class="tab-pane fade" id="welfare">公益内容面板</div>
</div>

我删除其中一个fade之后  首次点击还是有动画效果的，之后点击就都没有动画效果了，这是为什么？