customize-controls.js

/**
 * Scripts to alter the behavior of Customizer controls.
 */

( function( $ ) {
	'use strict';

	wp.customize.bind( 'ready', function() {

		hideFooterSettings();

		wp.customize( 'sub-footer-layout', function( value ) {
			value.bind( function( newval ) {
				hideFooterSettings();
			} );
		} );

		function hideFooterSettings() {
			var settingValue = wp.customize.control('sub-footer-layout').setting.get();
			if ( settingValue === 'centered' ) {
				wp.customize.control('sub-footer-content').container.show();
				wp.customize.control('sub-footer-content-left').container.hide();
				wp.customize.control('sub-footer-content-right').container.hide();
			} else {
				wp.customize.control('sub-footer-content').container.hide();
				wp.customize.control('sub-footer-content-left').container.show();
				wp.customize.control('sub-footer-content-right').container.show();
			}
		}
	} );


}( jQuery ) );