[英]Add/remove class on button click
单击按钮时JavaScript添加/删除类的问题。 它只是不执行功能。
仔细阅读许多堆栈溢出解决方案,但没有一个适用于这种特殊情况。
这些是元素:
// CSS
.hideWelcome{
display: none;
}
.autoHide {
display: none;
}
// JavaScript Hide Welcome
$(document).ready(function() {
$("#showFormBtn").live("click", function() {
$("#WelcomeDiv").toggleClass("fadeOutUp animated hideWelcome");
$("#formInput").toggleClass("autoHide");
});
});
// Welcome Div
<div class="container">
<div class="row">
<div id="WelcomeDiv" class="one-half column fadeInUp animated" style="margin-top: 25%">
<h4>Make a Difference</h4>
<p>Volunteer today!</p>
<div class="bounceIn animated">
<input type="button" id="showFormBtn" name="showFormBtn" class="button button-primary" value="Sign Up"/>
</div>
</div>
// Div to show
<div id="formInput" class="one-half column fadeInUp animated autoHide" style="margin-top: 25%">
<h4>HELLO YA'LL</h4>
<p>Howdy!</p>
<div class="bounceIn animated">
<input type="button" id="showFormBtn" name="showFormBtn" class="button button-primary" value="Sign Up"/>
</div>
</div>
</div>
</div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.