按钮切换效果

<ul>
                                <li id="tab1" οnclick="showLatestOrHot(this)" class="on" value="1">学科配置</li>
                                <li id="tab2" οnclick="showLatestOrHot(this)" value="2">年级配置</li>
                                 

                            </ul>

function showLatestOrHot(t) {

    if (t.value == 1) {

        $("#gradeDiv").hide();
        $("#subjectDiv").show();
        $("#tab2").removeClass("on");
        $("#tab1").addClass("on");

    } else {
        $("#subjectDiv").hide();
        $("#gradeDiv").show();
        $("#tab1").removeClass("on");
        $("#tab2").addClass("on");

    }



}