Wednesday, November 26, 2014

jQuery UI tab active color background

        $j('#productExtraInfoDiv').tabs({
          create: function(event, ui) {
            $j('.ui-widget-header').css('background', '#9b9b9b url("")');
            $j('.ui-widget-header').css('border', '0px');
            $j('.ui-widget-content').css('background', '#ffffff url("")');

            $j('.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited').css('color', '#000');
            $j('.ui-state-default').css('background', '#9b9b9b');
            $j('.ui-state-default').css('border', '0px');
            $j('.ui-state-default').css('padding-bottom', '0px');

            $j('.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited').css('color', '#ffffff');
            $j('.ui-state-active').css('background', '#9b9b9b');
            $j('.ui-state-active').css('border', '0px');
            $j('.ui-state-active').css('padding-bottom', '0px');
          },
          activate: function(event, ui) {
            $j('.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited').css('color', '#000');
            $j('.ui-state-default').css('background', '#9b9b9b');
            $j('.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited').css('color', '#ffffff');
            $j('.ui-state-active').css('background', '#9b9b9b');
          },
        });

No comments: