kjh.api.55128.cn_old/CP.Web/Views/Skills/Details.cshtml

@{
    Layout = "~/Views/Shared/_zt.cshtml";
    Page.Title = ViewBag.Skills.title;
    Page.Description = ViewBag.Skills.description;
    Page.Keywords = ViewBag.Skills.keywords;
    var nameList = new CP.Business.SkillsBLL().GetTypeName();
}
<div class="wrap">
    <div class="navbar">
        <span>当前位置：</span><a href="/">首页</a> - <a href="/skills">技巧</a> - @ViewBag.Skills.typename
    </div>
    <div class="container">
        <div class="term-wrap">
            <div class="term-menu">

                <div class='menu-item active'>
                    <!-- 注意 span的class show / hide-->
                    <h2 class='first-menu'>技巧 <span class='show'></span></h2>
                    <ul>
                        @foreach (var item in nameList)
                        {
                            if (item == ViewBag.Skills.typename)
                            {
                                <li class='active'><a href="/skills_@item"> @item</a></li>
                            }
                            else
                            {
                                <li><a href="/skills_@item">@item</a></li>
                            }
                        }

                    </ul>
                </div>
            </div>
            <div class='term-content'>
                <div class="skills-title">
                    <h1>@ViewBag.Data.headline</h1>
                    <div class="author">编辑：@ViewBag.Data.author 更新时间：@ViewBag.Data.updatetime</div>
                    <div class='txt'>
                        @Html.Raw(HttpUtility.HtmlDecode(@ViewBag.Data.content))
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    $('.term-wrap').on('click', '.menu-item h2', function () {
        var hasClass = $(this).parents('.menu-item').hasClass('active');
        if (!hasClass) {
            $('.term-wrap .menu-item').removeClass('active');
            $(this).parents('.menu-item').addClass('active');
            $('.term-wrap .menu-item h2 span').removeClass('show').addClass('hide');
            $(this).find('span').removeClass('hide').addClass('show');
        } else {
            $(this).parents('.menu-item').removeClass('active');
            $(this).find('span').addClass('hide').removeClass('show');
        }
    });
</script>