jQuery的eq()、siblings()方法配合使用注意点

点击全部对应的区即（.block-caption .block-caption-item模块）实现TAB键切换也就是（.area-content），因为我代码的结构写的是点击模块的低级跟要切换的模块是兄弟级，这一串来实现对应的显示及隐藏：$(".area-content").eq($(this).index()).css(‘display’,‘block’).siblings().css(‘display’,‘none’);我对要点击的内容绑click事件，因点击的这个内容的父级跟要隐藏的是兄弟级，只是类不同，我虽用JQUER通过类（.area-content）选择对象，但当添加siblings()会把不是这个类但是是兄弟的同级也会隐藏。
所以我在下面在添加一个显示
$(".block-caption").css(‘display’,‘block’);
如果不加会导致整体选择的导航消失。

以下为html代码。

<div class="content-tab">
                <div class="caption">
                    <a href="javascript:void(0)" class="item item_focus" id="hospitalitem">医院</a>
                    <a href="javascript:void(0)" class="item" id="division">科室</a>
                </div>
                <div class="block" id="hsblock">
                    <div class="item">
                        <div class="block-caption">
                            <a href="javascript:void(0)" class="block-caption-item block-caption-item_focus">全部</a>
                            <a href="javascript:void(0)" class="block-caption-item">崇川区</a>
                            <a href="javascript:void(0)" class="block-caption-item">港闸区</a>
                            <a href="javascript:void(0)" class="block-caption-item">通州区</a>
                            <a href="javascript:void(0)" class="block-caption-item">开发区</a>
                            <a href="javascript:void(0)" class="block-caption-item">海门区</a>
                            <a href="javascript:void(0)" class="block-caption-item">启东市</a>
                            <a href="javascript:void(0)" class="block-caption-item">海安市</a>
                            <a href="javascript:void(0)" class="block-caption-item">如东市</a>
                            <a href="javascript:void(0)" class="block-caption-item">其他区</a>
                        </div>
                        <div class="block-content area-content">
                        <div class="block-wrap">
                           <div class="block-list">
                             <div class="item">
                                <img src="lib/img/hospital-1.jpg" alt="xx医院"/>
                                <div class="item-name">通大附属医院<span class="item-level">【三级甲等】</span>
                                </div>
                                <div class="item-phone">电话：0513-6666666..</div>
                                <div class="item-address">崇川区西寺路1号...</div>
                            </div>
                            <div class="item">
                                <img src="lib/img/hospital-2.jpg" alt="xx医院"/>
                                <div class="item-name">南通第一人民医院<span class="item-level">【三级甲等】</span></div>
                                <div class="item-phone">电话：0513-6666666.</div>
                                <div class="item-address">崇川区西寺路1号...</div>
                            </div>
                            <div class="item">
                                <img src="lib/img/hospital-3.jpg" alt="xx医院"/>
                                <div class="item-name">通州区第一人民医院<span class="item-level">【三级甲等】</span></div>
                                <div class="item-phone">电话：0513-6666666.</div>
                                <div class="item-address">崇川区西寺路1号...</div>
                            </div>
                            <div class="item">
                                <img src="lib/img/hospital-4.jpg" alt="xx医院"/>
                                <div class="item-name">南通第二人民医院<span class="item-level">【三级甲等】</span></div>
                                <div class="item-phone">电话：0513-6666666.</div>
                                <div class="item-address">崇川区西寺路1号...</div>
                            </div>
                        </div>
                        <div class="block-text-list clearfix">
                          <a href="#9" class="item">南通大学附属第二医院<span class="level">【三级甲等】</span></a>
                          <a href="#9" class="item">南通大学附属第三医院<span class="level">【三级甲等】</span></a>
                          <a href="#9" class="item">南通大学附属第四医院<span class="level">【三级甲等】</span></a>
                          <a href="#9" class="item">南通大学附属第五医院<span class="level">【三级甲等】</span></a>
                          <a href="#9" class="item">南通大学附属第六医院<span class="level">【三级甲等】</span></a>
                          <a href="#9" class="item">南通大学附属第七医院<span class="level">【三级甲等】</span></a>
                        </div>
                        <a href="javascript:void(0)" class="block-more">更多医院</a>
                        </div>
                        <div class="block-wrap" style="display: none;">
                            其他城区内容
                        </div>
                        </div>
                        <div class="area-content">崇川区</div>
                        <div class="area-content">港闸区</div>
                        <div class="area-content">通州区</div>
                        <div class="area-content">开发区</div>
                        <div class="area-content">海门区</div>
                        <div class="area-content">启东市</div>
                        <div class="area-content">海安市</div>
                        <div class="area-content">如东市</div>
                        <div class="area-content">其他区</div>
          
                    </div>
                </div>
                <div class="item" id="division-content">科室内容</div>
            </div>

以下为实现事件的jQuery
$(document).ready(function(){
//导航选择
$(".linkchoose").click(function(){

//区域选择
$(".block-caption-item").click(function(){
$(".area-content").eq($(this).index()).css(‘display’,‘block’).siblings().css(‘display’,‘none’);
$(".block-caption").css(‘display’,‘block’);
$(".block-caption-item").eq($(this).index()).css({“background-color”:"#60BFF2",“color”:"#FFFFFF"}).siblings().css({“background-color”:"#fff",“color”:"#4c4948"});

})
});