37 lines
		
	
	
	
		
			1.1 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
		
		
			
		
	
	
			37 lines
		
	
	
	
		
			1.1 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
|  | /** | ||
|  |  * Scripts within the customizer controls window. | ||
|  |  * | ||
|  |  * Contextually shows the color hue control and informs the preview | ||
|  |  * when users open or close the front page sections section. | ||
|  |  */ | ||
|  | 
 | ||
|  | (function() { | ||
|  | 	wp.customize.bind( 'ready', function() { | ||
|  | 
 | ||
|  | 		// Only show the color hue control when there's a custom color scheme.
 | ||
|  | 		wp.customize( 'colorscheme', function( setting ) { | ||
|  | 			wp.customize.control( 'colorscheme_hue', function( control ) { | ||
|  | 				var visibility = function() { | ||
|  | 					if ( 'custom' === setting.get() ) { | ||
|  | 						control.container.slideDown( 180 ); | ||
|  | 					} else { | ||
|  | 						control.container.slideUp( 180 ); | ||
|  | 					} | ||
|  | 				}; | ||
|  | 
 | ||
|  | 				visibility(); | ||
|  | 				setting.bind( visibility ); | ||
|  | 			}); | ||
|  | 		}); | ||
|  | 
 | ||
|  | 		// Detect when the front page sections section is expanded (or closed) so we can adjust the preview accordingly.
 | ||
|  | 		wp.customize.section( 'theme_options', function( section ) { | ||
|  | 			section.expanded.bind( function( isExpanding ) { | ||
|  | 
 | ||
|  | 				// Value of isExpanding will = true if you're entering the section, false if you're leaving it.
 | ||
|  | 				wp.customize.previewer.send( 'section-highlight', { expanded: isExpanding }); | ||
|  | 			} ); | ||
|  | 		} ); | ||
|  | 	}); | ||
|  | })( jQuery ); |