如何让Switcher Panel的链接反映'show'类?

时间:2013-10-15 19:33:18

标签: javascript jquery css

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

通过添加“show”类,您可以确定加载时显示的内容/面板,但如何在选择内容/面板的链接中反映出来。

基本上,如果显示面板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
    });    
  });

1 个答案:

答案 0 :(得分:1)

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

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

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

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

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

以下是JsFiddle

的完整演示