Sortable portlet with Close (or Menu) option
I really like the portlet example at...
and I have seen the article to "mimic igoogle" at...
and I have read this thread...
Is there a simple way to just add an icon to close the portlet or display a menu? Although I like all the functionality at inettuts, I'd like to use themeing and I'm not very proficient with javascript.
Can this sample from the demo page be slightly altered to add the "closethick" icon and remove that div when it is clicked?
$( ".portlet" ).addClass( "ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" )
.find( ".portlet-header" )
.addClass( "ui-widget-header ui-corner-all" )
.prepend( "<span class='ui-icon ui-icon-minusthick'></span>")
.end()
.find( ".portlet-content" );
$( ".portlet-header .ui-icon" ).click(function() {
$( this ).toggleClass( "ui-icon-minusthick" ).toggleClass( "ui-icon-plusthick" );
$( this ).parents( ".portlet:first" ).find( ".portlet-content" ).toggle();
});
Thank you!