[script] Tab _ 스르륵 나타남

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
    $(function() {
 
        $(".tab_content").hide();
        $(".tab_content:first").show();
 
        $("ul.tabs li").click(function() {
            $("ul.tabs li").removeClass("active").css("color", "#333");
            //$(this).addClass("active").css({"color": "darkred","font-weight": "bolder"});
            $(this).addClass("active").css("color", "darkred");
            $(".tab_content").hide()
            var activeTab = $(this).attr("rel");
            $("#" + activeTab).fadeIn()
        });
    });
</script>
 
<div id="container">
    <ul class="tabs">
        <li class="active" rel="tab1">공지사항</li>
        <li rel="tab2">구매랭킹</li>
    </ul>
    <div class="tab_container">
        <div id="tab1" class="tab_content">
            test
        </div>
        <!-- #tab1 -->
        <div id="tab2" class="tab_content">2222Mortal Kombat returns after a lengthy hiatus and puts players back into the Tournament for 2D fighting with gruesome combat.</div>
        <!-- #tab2 -->
        <!-- #tab3 -->
    </div>
    <!-- .tab_container -->
</div>
<!-- #container -->