如何让父元素时可见子元素使用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>

我的CSS是:

.color_red{color:#f00;font-weight:bold;} #error_message_div{width:400px;padding: 2px 12px 3px 7px;border: 1px solid #f00;-moz-box-shadow: 1px 1px 4px #ccc;-webkit-box-shadow: 1px 1px 4px #ccc;box-shadow: 1px 1px 4px #ccc; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;padding: 10px;background: white;-webkit-box-shadow: inset 0 0 20px #f00,1px 1px 4px #fff;-moz-box-shadow: inset 0 0 20px #f00,1px 1px 4px #fff;box-shadow: inset 0 0 20px #f00,1px 1px 4px #fff;color: black;right: 0;top: 0;}#error_message_inner_div{padding:15px;background:#fff;}#success_message,#name_error_message,#email_error_message{display:none;}#success_message{width:400px;border: 1px solid #00A300;-moz-box-shadow: 1px 1px 4px #ccc;-webkit-box-shadow: 1px 1px 4px #ccc;box-shadow: 1px 1px 4px #ccc;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;padding: 10px;background: white;-webkit-box-shadow: inset 0 0 20px #00A300,1px 1px 4px #fff;-moz-box-shadow: inset 0 0 20px #00A300,1px 1px 4px #fff; box-shadow: inset 0 0 20px #00A300,1px 1px 4px #fff;}

我的脚本是:

$('#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; } });

--------------解决方案-------------

更新你的代码有点http://jsfiddle.net/tive/pFFDk/1/

在的jsfiddle下一次jQuery的功能选择jQuery框架。 标准是mootools的

看看这个,代码工作正常。 你被包括MooTools的,你必须包括jQuery的。

分类:jQuery的 时间:2015-03-15 人气:0
本文关键词: CSS,jQuery的
分享到:

相关文章

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.515 (s). 10 q(s)