I have the below JQuery Code and I need to clear the inline css done by this animation\[code\]$(document).ready(function(){$("#panel").hide(); //updated line, removing the #panel ID. $('#tab2').toggle(function(){ //adding a toggle function to the #tab $("#panel").show(); $('#ToolsTitleSpan').text("CLOSE TOOLS"); $('#tab2').stop().animate({right: '225'}, 800, 'swing', function() {}); $("#panel").stop().animate({right: '72', width: '230px', opacity:0.8}, 800, 'swing', function() { $('.contentSideBar').fadeIn('slow'); });},function(){ //when the #tab is next cliked $('#ToolsTitleSpan').text("OPEN TOOLS"); $('#tab2').stop().animate({right: '-=225'}, 800, 'swing', function() { $('.contentSideBar').fadeOut(slow, function() {}); }); $('#panel').stop().animate({width:"0", position:'absolute', float: 'right', opacity:0.1}, 800, 'swing');}); });\[/code\]Here is the HTML code if needed:\[code\]<div id="panelKS"> <!--the hidden panel --> <div class="contentSideBarKS"> </div></div><div id="tab2KS"> <span id="ToolsTitleSpanOpenKS"> <img id="bg" src="http://stackoverflow.com/questions/15740321/<?php echo $OUTPUT->pix_url('/buttons/opentools', 'theme')?>"/> </span> <span id="ToolsTitleSpanCloseKS"> <img id="bg" src="http://stackoverflow.com/questions/15740321/<?php echo $OUTPUT->pix_url('/buttons/closetools', 'theme')?>"/> </span></div>\[/code\]Can you tell me how can I clear the Inline css please?Thanks