Javascript 用户配置文件的选项卡式导航

我现在正在进行用户配置文件设计，您可以在这里看到：

//包装在函数中，以避免污染全局范围。
var activatables=（函数（）{
//用于活动/非活动元素的CSS类。
var activeClass='active'；
var inactiveClass='非活动'；
变量锚={}，激活={}；
var regex=/#（[A-Za-z][A-Za-z0-9:.-]*）$/；
//找到所有的锚(
























摄影术
人像人像人像人像人像人像人像人像人像人像人像人像人像人像人像人像人像人像人像人像人像人像人像人像人像人像人像人像人像人像人像人像人像人像人像人像人像人像人像人像人像人像人像人像
收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹收藏夹
$（函数（）{
var links=$（'.sidebar links>div'）；
links.on（'click'，函数（）{
links.removeClass（'selected'）；
$（this.addClass（'selected'）；
});
});

你能这样做吗

<ul class="sub-links">
    <li><a href="#" id="portraits">Portraits</a></li>
    <li><a href="#" id="landscape">Landscape</a></li>
    <li><a href="#" id="studioshots">Studio shots</a></li>
    <li><a href="#" id="macros">Macros</a></li>
</ul>

---

希望这对你有帮助…

你能做点像这样的事吗

<ul class="sub-links">
    <li><a href="#" id="portraits">Portraits</a></li>
    <li><a href="#" id="landscape">Landscape</a></li>
    <li><a href="#" id="studioshots">Studio shots</a></li>
    <li><a href="#" id="macros">Macros</a></li>
</ul>

---

希望这能帮助你…

嗨，谢谢你的帮助，但它不起作用。嗨，谢谢你的帮助，但它不起作用。

    $(function () { 
        var links = $('.sidebar-links > div');
        links.on('click', function () {
            links.removeClass('selected');
            $(this).addClass('selected');
        });
        var sublinks = $('.sub-links a');
        sublinks.on('click', function () {
          $('.main-content > div').hide(); 
          $('.main-content').find($(this).attr('id')).show();
        });
    });