Hi guys I am using a simple jquery fadeIn and slideDown effect on a
click event but for some reason it doesn't work here's my code
- <form
id="Form1" method="POST" action="">
-
-
<p>
-
<label for="moneyInAccount">Enter the
amount you have in your account</label>
-
<input type="number" step="any"
name="moneyInAccount" placeholder="0.00" >
-
<input type="submit"
name="moneyInAccountBtn" value="Submit">
-
</p>
-
-
- </form>
-
- <p id="moneyInAccountParagraph"></p><br>
the jquery code is as follows
-
$("moneyInAccountParagraph").hide();
-
-
$("input[name=moneyInAccountBtn]").on("click", function(e){
-
e.preventDefault();
-
if($("input[name=moneyInAccount]").val() != 0)
-
{
-
$("#moneyInAccountParagraph").text("Money
currently in your account R " +
$("input[name=moneyInAccount").val()).slideDown(1000);
-
$("#Form1").fadeOut(1000);
-
}
-
-
});
This code is done in the document ready function and the fadeOut
effect works fine, it's the #moneyInAccountParagraph effect that
doesn't work for some reason please assist