哪个div对jQuery Content Panel Switcher有效?

时间:2013-06-12 20:14:06

标签: jquery css

我正在使用jQuery内容面板切换器https://code.google.com/p/jquery-content-panel-switcher/,但是想在活动的项目上使用一些css来向用户显示已选择的内容,但从查看演示时,我看不到选定项目和其他项目的任何差异。

有办法做到这一点吗?

基本上类似于选择了ID,将该链接设为红色或粗体

在他们的示例中,使选中的选项卡看起来不同。

由于

1 个答案:

答案 0 :(得分:2)

最好的方法是获取刚刚点击的项目的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/