I need to add custom css to jquery tabs when it is selected, how?
I need to modify the css of .ui-state-active , .ui-widget-content .ui-state-active to the following: .ui-state-active , .ui-widget-content .ui-state-active { background-image: url('images/tab-over.png') !important; } However, when I do that I get the desired effect but other elements on the website get affected when clicked. I want this function only when I click a tab. Is there a safer way to do this ? Here is my html code: <div id="tabs"> <div id="left-side"> </div> <ul class="tab-menu"> <li id="home"> <a href="<%= Url.Action("GetCoreTab", "Tab") %>" class="a"> <b> <div id="home" class="menu