I am looking for an effect similar to jQuery UI tabs opacity toggle.
$('#content').tabs({
fx: {
opacity: 'toggle'
}
});
How is it done? How can i fade a div (variable height, gradient background) and its children to black, replace its content and fade it back in?
Options abound:
http://api.jquery.com/fadeTo/
http://api.jquery.com/fadeIn/
good examples with specifics at each topic.
this link too gives example using opacity – http://forum.jquery.com/topic/apply-50-opacity-to-a-div