美文网首页
jquery左侧导航点击当前节点右面对应内容显示

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

作者: 布呐呐aa | 来源:发表于2020-07-29 15:51 被阅读0次
    微信截图_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()
    }
    

    相关文章

      网友评论

          本文标题:jquery左侧导航点击当前节点右面对应内容显示

          本文链接:https://www.haomeiwen.com/subject/hsahrktx.html