jQuery – 检查单选按钮的当前状态并隐藏div

更深入的解释

所以我知道这个问题的标题可能听起来很熟悉其他问题,但我有更多的参与,并试图找到最好的方法来处理它.因此,在我的函数homepageDisplayHandleSELEction()中,我根据从.homepage_display区域中选择的单选按钮隐藏/显示区域.然后,我基本上将相同的功能用于其中的另一组单选按钮,称为mainImageLinkHandleSELEction,然后根据选择隐藏/显示区域.我可以在静态和幻灯片选项之间切换就好了,但是初始视图(如果页面加载时选择了幻灯片)是它仍然显示辅助单选按钮mainImageLinkHandleSELEction,直到我单击幻灯片选项并且回到静态,它纠正自己.

所以,我尝试通过创建一个检查当前检查的无线电值是否是幻灯片显示来检查这个(在示例代码的底部),如果是,我隐藏了一个名为main_link的div(它也附加到每个区域)围绕mainImageLinkHandleSELEction divs).我知道我的问题有很多部分,但我想如果有人可以提供帮助,那里会有一个天才;)非常感谢你们所有的帮助！

jQuery(document).ready(function() {

    // Homepage SetTings - Homepage Display
    // This function handles the radio clicks.
    function homepageDisplayHandleSELEction() {
        var duration = 400;
        jQuery('.homepage_display').hide(duration);
        jQuery('.main_link').hide(duration);
        if (this.value === "slideshow") {
          jQuery('.homepage_display_slides').show(duration);     
        } else if (this.value === "static") {
          jQuery('.homepage_display_static').show(duration);     
        }
    }

    // Attach a click handler to the radios
    // and trigger the SELEcted radio
    jQuery('#section-of_homepage_display :radio')
        .click(homepageDisplayHandleSELEction)
        .filter(':checked').trigger('click');

    // Homepage SetTings - Main Link Options
    // This function handles the radio clicks.
    function mainImageLinkHandleSELEction() {
        var duration = 400;
        jQuery('.main_link').hide(duration);
        if (this.value === "external_url") {
          jQuery('.main_link_external').show(duration);     
        } else if (this.value === "wp_page") {
          jQuery('.main_link_page').show(duration);     
        }
          else if (this.value === "wp_post") {
          jQuery('.main_link_post').show(duration);     
        }
          else if (this.value === "wp_taxonomy") {
          jQuery('.main_link_category').show(duration);     
        }
    }

    // Attach a click handler to the radios
    // and trigger the SELEcted radio
    jQuery("#section-of_main_image_link_option :radio")
        .click(mainImageLinkHandleSELEction)
        .filter(":checked").trigger("click");


  // Make sure main image link option are hidden by default if slideshow option is SELEcted
    if (jQuery('#section-of_homepage_display :radio :checked').val() === 'slideshow') {
      jQuery('.main_link').hide();
    }

});