如何使用jquery在子元素可见时使父元素可见

当子元素获得style=display:block；，我试图使父元素可见；，我在这里尝试过，但我做不到我的代码在这里：

<br/><br/><br/>
<div id="error_message_div">
    <div id="error_message_inner_div">
    <p class="color_red" id="name_error_message">please enter your name</p>
    <p class="color_red" id="email_error_message">please enter your email address</p>
    </div>
</div>
<div id="success_message">Thank you!</div>
<form id="form1">
    <br/><br/>
    Name : <input type="text" id="name" placeholder="enter your name" /><br/><br/>
    E-id : <input type="text" id="email_id" placeholder="enter your email_address" /><br/><br/>
    <input type="button" value="submit" id="form_submit" />
</form>

我的剧本是：

$('#form_submit').click(function() {
    var name = $('input#name').val();
    var email = $('input#email_id').val();
    if (name == '') {
        $('#name_error_message').show();
        return false;
    }
    if (email == '') {
        $('#email_error_message').show();
        return false;
    }
    else {
        $('#name_error_message,#email_error_message,#error_message_div').hide();
        $('#success_message').show();
        return false;
    }

});

更新了一点你的代码

下次在JSFIDLE中为jquery功能选择jquery框架。

---

标准是mootools

看，代码运行良好。您包括了mootools，您必须包括jquery。

很好，但这不是答案，这是一条评论。@TimVermaelen-作为答案发布的评论被视为获取声誉积分的不公平方式。我真的无法理解您

$('#form_submit').click(function() {
    var name = $('input#name').val();
    var email = $('input#email_id').val();
    if (name == '') {
        $('#name_error_message').show();
        return false;
    }
    if (email == '') {
        $('#email_error_message').show();
        return false;
    }
    else {
        $('#name_error_message,#email_error_message,#error_message_div').hide();
        $('#success_message').show();
        return false;
    }

});