jQuery( function($){ /* A. Init State */ /* Hide background pattern and display background pattern */ $( '#customize-control-mino_show_bg_pattern_ctrl, #customize-control-mino_bg_pattern_customizer_ctrl' ).hide(); var value = $( "input:radio[name=_customize-radio-mino_theme_layout_customizer_ctrl]:checked" ).val(); /* 1. Check layout boxed or wide */ if ( value == 'boxed' ) { $( '#customize-control-mino_show_bg_pattern_ctrl' ).show(); /* 2. Check display background pattern or not */ if ( jQuery( '#customize-control-mino_show_bg_pattern_ctrl input' ).is( ':checked') ) { $( '#customize-control-mino_bg_pattern_customizer_ctrl' ).show(); } } /* B. Choose State */ /* 1. Themes layout choosen */ $( "input:radio[name=_customize-radio-mino_theme_layout_customizer_ctrl]" ).click(function() { var value = $( this ).val(); if ( value == 'boxed' ) { $( '#customize-control-mino_show_bg_pattern_ctrl' ).show(); /* 2. Check display background pattern or not */ if ( jQuery( '#customize-control-mino_show_bg_pattern_ctrl input' ).is( ':checked') ) { $( '#customize-control-mino_bg_pattern_customizer_ctrl' ).show(); } else { $( '#customize-control-mino_bg_pattern_customizer_ctrl' ).hide(); } } else { $( '#customize-control-mino_show_bg_pattern_ctrl' ).hide(); $( '#customize-control-mino_bg_pattern_customizer_ctrl' ).hide(); } }); /* 2. Display background patter or not */ $( "#customize-control-mino_show_bg_pattern_ctrl input" ).click(function() { if ( jQuery( this ).is( ':checked') ) { $( '#customize-control-mino_bg_pattern_customizer_ctrl' ).show(); } else { $( '#customize-control-mino_bg_pattern_customizer_ctrl' ).hide(); } }); } );