web development helpdesk

Here is a quick reference on setting the opacity of html elements using CSS, Javascript and JQuery.

.someClass {
   opacity: 0.6;

   /* For IE8 */
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)";
   /* For IE6 - 8 NB. Element needs to have layout */
   filter: alpha(opacity=60);
}

To change the CSS Opacity with Javascript

 // for most browsers
document.getElementById("myElement").style.opacity = ".4";
// for IE
document.getElementById("myElement").style.filter = "alpha(opacity=40)";

To change the CSS Opacity with JQuery

$(".someClass").css({ opacity: .4 });

// or we can animate the change

$("#myElement").animate({
	opacity: .4
	}, 1000, function() {
});

written by objects \\ tags: animate, opacity

Depending on the size of the content in your accordions panes the default settings can result in content being longer than the available space and thus causing a scrollbar to be added. To avoid this try the following settings.

$j("#accordion").accordion({
    'fillSpace': true,
    'clearStyle': true
});

written by Obiweb \\ tags: accordion, clearStyle, fillSpace, scrollbar