html中标签切换

<div class="right_two">
    <div class="two_new clearfix">
        <ul class="clearfix lf rz_query_right_header">
            <li class="two_active lf " data-value="1">通知公告</li>
            <li class="lf " data-value="2">新闻资讯</li>
        </ul>
        <p class="rf">
            <a class="more_more" href="#">更多>></a>
        </p>
</div>
<div class="article_content first_lc">
    这个div中对应的“通知公告”的内容
</div>
     
<div class="article_content two_lc" style="display: none;">
    这个div中对应的“新闻资讯”的内容
</div>

页面样式根据实际需求而定，下面就是js的代码

<script>
    //切换
    $(".rz_query_right_header li").on('click',function(){
        va