jQuery:将display css从display:none更改为:block not working

Question

我正在根据复选框值更改div的内容.除了一个复选框选项之外,div的值是简单文本.在异常情况下,div的值是另一个div(比如childDiv).

因此,当单击其他两个选项时,我将更改childDiv(display: nonethrough jQuery.css())的可见性,并在单击display: block异常选项时将其更改为.

当我更改复选框选项时,childDiv将隐藏.但是,当我希望它可见时,它不再显示.

小提琴在这里:http://jsfiddle.net/sandeepy02/jLgyp/

代码是

            <div class="switch switch-three candy blue" id="reachout">
                <input name="reachout" type="radio" id="tab-41" value="1" checked="checked"/>
                    <label for="tab-41">Experience</label>
                <input name="reachout" type="radio" id="tab-42" value="2"/>
                    <label for="tab-42">Contact Us</label>
                <input name="reachout" type="radio" id="tab-43" value="3"/>
                    <label for="tab-43">Why?</label>
                <div id="test1234">
                    <div id="test12345">
                        Option Start
                    </div>
                </div>
                <span class="slide-button"></span>
            </div>  

和

     jQuery("input[name='reachout']",jQuery('#reachout')).change(
        function(e)
        {                   
            if(jQuery(this).val()=="1") 
            {
                jQuery("#test1234").html("");
                jQuery("#test12345").css("display","block");
            }
            if(jQuery(this).val()=="2") 
            {
                jQuery("#test1234").html("Option 2");
                jQuery("#test12345").css("display","none");
            }
            if(jQuery(this).val()=="3") 
            {
                jQuery("#test1234").html("Option 3");
                jQuery("#test12345").css("display","none");
            }
        });

我甚至试过了

            jQuery("#test12345").css('position', 'absolute');
            jQuery("#test12345").css('z-index', 3000);

之后,display: block但没有奏效.

谢谢

Answer 1

当你设置为父的html时,你正在覆盖div,所以你试图显示不存在的div.