javascript - 如何使切换器面板的链接反映“显示”类？

Question

我正在使用 jQuery 内容面板切换器https://code.google.com/p/jquery-content-panel-switcher/

通过添加“显示”类，您可以确定加载时显示哪些内容/面板，但我如何使其反映在选择内容/面板的链接中。

基本上，如果显示面板 1，则链接 1 应该是红色的。

点击后我已经在使用它来更改链接

     $(document).ready(function(){
    $('.nav_buttons a').click(function(event){
        $('.nav_buttons a').css({ 'background-color' : '' }); //clear past selections
        $(this).css({ 'background-color' : 'red' }); //set new selection
    });    
  });

Answer 1

在第一次页面加载时，加载的默认链接可以与某个（css）类属性显式绑定，然后在每个点击事件中，可以使用 jQuery 相应地更改链接的类属性。

首先删除链接的所有类属性

$('.nav_buttons a').removeClass('selected');

然后添加使导航背景颜色发生变化的特定css类

$(this).addClass('selected');

这是关于JsFiddle的完整演示