jquery - 哪个 div 使用 jQuery 内容面板切换器处于活动状态？

Question

我正在使用 jQuery 内容面板切换器https://code.google.com/p/jquery-content-panel-switcher/，但想在活动的项目上使用一些 CSS 来向用户显示已选择的内容，但是通过查看演示，我看不出所选项目与其他项目有任何区别。

有没有办法做到这一点？

基本上，如果选择了一个 id，则将该链接设为红色或粗体

在他们的示例中，某些使所选选项卡看起来不同的东西。

谢谢

Answer 1

最好的方法是获取刚刚单击的 A 项的 ID 并使用 jQuery 对其进行样式设置。

像这样的东西：

  $(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
    });    
  });

根据您的需要对其进行样式和编码。

这是示例：http: //jsfiddle.net/n4pPy/1/