jquery左侧导航点击当前节点右面对应内容显示

微信截图_20200729155342.png

html

<div id="Tz_banner">
            <ul>
                <li class="firstLi">政策解读
                    <div class="info">
                        <div class="rt-top">
                            <div class="block"></div>
                            <span>政策解读</span>
                        </div>
                        <div class="rt-bot">
                            <dl>
                                <dd>
                                    <span>教育部等十一部门：鼓励社会力量举办在线教育机构</span>
                                    <span>2019-11-19</span>
                                </dd>
                                <dd>
                                    <span>努力开创新时代学校美育工作新局面</span>
                                    <span>2019-11-19</span>
                                </dd>
                                <dd>
                                    <span>教育部办公厅关于推荐遴选“基于教学改革、融合信息技术的新型教与学模式”实验区的通知</span>
                                    <span>2019-11-19</span>
                                </dd>
                                <dd>
                                    <span>中央深改委审议通过《关于全面加强新时代大中小学劳动教育的意见》《关于深化新时代教育督导体质机制改革的意见》等文件</span>
                                    <span>2019-11-19</span>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </li>
                <li class="firstLi">重要信息
                    <div class="info">
                        <div class="rt-top">
                            <div class="block"></div>
                            <span>重要信息</span>
                        </div>
                        <div class="rt-bot">
                            <dl>
                                <dd>
                                    <span>教育部等十一部门：鼓励社会力量举办在线教育机构</span>
                                    <span>2019-11-19</span>
                                </dd>
                                <dd>
                                    <span>努力开创新时代学校美育工作新局面</span>
                                    <span>2019-11-19</span>
                                </dd>
                                <dd>
                                    <span>教育部办公厅关于推荐遴选“基于教学改革、融合信息技术的新型教与学模式”实验区的通知</span>
                                    <span>2019-11-19</span>
                                </dd>
                                <dd>
                                    <span>中央深改委审议通过《关于全面加强新时代大中小学劳动教育的意见》《关于深化新时代教育督导体质机制改革的意见》等文件</span>
                                    <span>2019-11-19</span>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </li>

                <li class="firstLi">行业动态
                    <div class="info">
                        <div class="rt-top">
                            <div class="block"></div>
                            <span>重要信息</span>
                        </div>
                        <div class="rt-bot">
                            <dl>
                                <dd>
                                    <span>教育部等十一部门：鼓励社会力量举办在线教育机构</span>
                                    <span>2019-11-19</span>
                                </dd>
                                <dd>
                                    <span>努力开创新时代学校美育工作新局面</span>
                                    <span>2019-11-19</span>
                                </dd>
                                <dd>
                                    <span>教育部办公厅关于推荐遴选“基于教学改革、融合信息技术的新型教与学模式”实验区的通知</span>
                                    <span>2019-11-19</span>
                                </dd>
                                <dd>
                                    <span>中央深改委审议通过《关于全面加强新时代大中小学劳动教育的意见》《关于深化新时代教育督导体质机制改革的意见》等文件</span>
                                    <span>2019-11-19</span>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </li>
                <li class="firstLi">集团教育产业工作动态
                    <div class="info">
                        <div class="rt-top">
                            <div class="block"></div>
                            <span>集团教育产业工作动态</span>
                        </div>
                        <div class="rt-bot">
                            <dl>
                                <dd>
                                    <span>教育部等十一部门：鼓励社会力量举办在线教育机构</span>
                                    <span>2019-11-19</span>
                                </dd>
                                <dd>
                                    <span>努力开创新时代学校美育工作新局面</span>
                                    <span>2019-11-19</span>
                                </dd>
                                <dd>
                                    <span>教育部办公厅关于推荐遴选“基于教学改革、融合信息技术的新型教与学模式”实验区的通知</span>
                                    <span>2019-11-19</span>
                                </dd>
                                <dd>
                                    <span>中央深改委审议通过《关于全面加强新时代大中小学劳动教育的意见》《关于深化新时代教育督导体质机制改革的意见》等文件</span>
                                    <span>2019-11-19</span>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </li>

            </ul>
        </div>

js

$("#Tz_banner .firstLi").hover(function(){
            $(".info").hide();
            $(this).addClass("active").siblings().removeClass("active"); 
            $(this).find(".info").show()
}