name : customize-controls.js /** * 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 );