SO HELP: jQuery Accordion expand all div

http://stackoverflow.com/questions/2558553/jquery-accordion-expand-all-div

by SpYk3

HTML

<!--    Strictly for Theme Changer (Nothing to do with Accordion)    -->
<div class="ui-widget ui-widget-content ui-corner-all" style="text-align: center;">
	<label for="selTheme" class="ui-widget-header ui-corner-all" style="padding: .1em .5em;">Select Theme</label>
	<select id="selTheme" name="selTheme" class="ui-widget-content ui-corner-all">
		<option value="base">base</option>
		<option value="black-tie">black-tie</option>
		<option value="blitzer">blitzer</option>
		<option value="cupertino">cupertino</option>
		<option value="dark-hive">dark-hive</option>
		<option value="dot-luv">dot-luv</option>
		<option value="eggplant">eggplant</option>
		<option value="excite-bike">excite-bike</option>
		<option value="flick">flick</option>
		<option value="hot-sneaks">hot-sneaks</option>
		<option value="humanity">humanity</option>
		<option value="le-frog">le-frog</option>
		<option value="mint-choc">mint-choc</option>
		<option value="overcast">overcast</option>
		<option value="pepper-grinder">pepper-grinder</option>
		<option value="redmond">redmond</option>
		<option value="smoothness">smoothness</option>
		<option value="south-street">south-street</option>
		<option value="start">start</option>
		<option value="sunny">sunny</option>
		<option value="swanky-purse">swanky-purse</option>
		<option value="trontastic">trontastic</option>
		<option value="ui-darkness">ui-darkness</option>
		<option value="ui-lightness">ui-lightness</option>
		<option value="vader">vader</option>
	</select>
</div>
<hr />
<!--    END Theme Changer (ACORDION HTML BELOW)     -->
<div id="StickyNotes">
	<div class="container">
		<div id="accordion" class="ui-accordion ui-widget ui-helper-reset">
			<h3 class="ui-accordion-header ui-helper-reset ui-state-default ui-accordion-icons ui-corner-top ui-accordion-header-active ui-state-active">
				<span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-s"></span>
				Section 1
			</h3>
			<div class="ui-accordion-content...

JavaScript

$(function() {
	$("#accordion > h3").on("click", function(e) {
		$(this).next().slideToggle(function(e) {
			if ($(this).is(":visible")) {
				$(this).addClass("ui-accordion-content-active")
				.prev().toggleClass("ui-corner-all ui-corner-top").addClass("ui-accordion-header-active ui-state-active")
				.children(".ui-accordion-header-icon").toggleClass("ui-icon-triangle-1-e ui-icon-triangle-1-s");
			}
			else {
				$(this).removeClass("ui-accordion-content-active")
				.prev().toggleClass("ui-corner-all ui-corner-top").removeClass("ui-accordion-header-active ui-state-active")
				.children(".ui-accordion-header-icon").toggleClass("ui-icon-triangle-1-e ui-icon-triangle-1-s");
			}
		});
	})
	.hover(function(e) { $(this).toggleClass("ui-state-hover"); });
})
/*    Strictly for Them Selector (Nothing to do with accordion)    */
$("select").change(function(e) {
	var thmURL = "http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/{theme}/jquery-ui.css".replace("{theme}", $(this).val()),
		thmLink = $("<link />", { id: "ui-theme-link", href: thmURL, rel: "stylesheet", type: "text/css" });
	$("head").append(thmLink);
	$("head .ui-theme-link").first().remove();
}).children("[value=redmond]").prop("selected", true).change();