Update styleguide accordion per pl php https://raw.githubusercontent.com/pattern-lab/patternlab-php/master/core/styleguide/js/styleguide.js

now will close open accordions when you click a different nav menu which
closes #104

Author: bmuenzenmeyer

CHANGELOG

@@ -1,5 +1,11 @@
 THIS CHANGELOG IS AN ATTEMPT TO DOCUMENT CHANGES TO THIS PROJECT.
 
+PL-node-v0.8.2
+ - FIX: Added grunt-contrib-copy args to copy all found source/css/*.css
+ - ADD: Added upgrade instructions to README
+ - FIX: Fix issue with styleguide accordions not closing upon click of a sibling menu.
+ - THX: @getsetbro for reporting more issues :) 
+
 PL-node-v0.8.1
  - FIX: v8 is not pulling in values from global data.json
  - FIX: MQ list breaks if media queries don't have spaces

public/styleguide/js/styleguide.js

@@ -19,17 +19,40 @@
 	$(w).resize(function(){ //Update dimensions on resize
 		sw = document.body.clientWidth;
 		sh = document.body.clientHeight;
+
+		setAccordionHeight();
 	});
 
 	/* Pattern Lab accordion dropdown */
+	// Accordion dropdown
 	$('.sg-acc-handle').on("click", function(e){
-		var $this = $(this),
-			$panel = $this.next('.sg-acc-panel');
 		e.preventDefault();
+
+		var $this = $(this),
+			$panel = $this.next('.sg-acc-panel'),
+			subnav = $this.parent().parent().hasClass('sg-acc-panel');
+
+		//Close other panels if link isn't a subnavigation item
+		if (!subnav) {
+			$('.sg-acc-handle').not($this).removeClass('active');
+			$('.sg-acc-panel').not($panel).removeClass('active');
+		}
+
+		//Activate selected panel
 		$this.toggleClass('active');
 		$panel.toggleClass('active');
+		setAccordionHeight();
 	});
 
+	//Accordion Height 
+	function setAccordionHeight() {
+		var $activeAccordion = $('.sg-acc-panel.active').first(),
+			accordionHeight = $activeAccordion.height(),
+			availableHeight = sh-$headerHeight; //Screen height minus the height of the header
+		
+		$activeAccordion.height(availableHeight); //Set height of accordion to the available height
+	}
+
 	$('.sg-nav-toggle').on("click", function(e){
 		e.preventDefault();
 		$('.sg-nav-container').toggleClass('active');