javascript - My Jquery click button is not working -
Hope you're well,
I'm trying to do something like that,
First, it will show
and after that, clicking on the "menu" image will show something,
Then, using some containers, I & Lt; Div & gt;
here:
& lt; Body & gt; // This is my menu container .. & lt; Div class = "menu_pos_jquery" & gt; & Lt; A class = "btn1" href = "#" & gt; & Lt; Img src = "logo / menu_ logo.png" style = "height: 70px; margin-left: 850px; margin-top: 15px;" Onmousedown = "Return false;" Alt = "menu" /> gt; & Lt; / A & gt; & Lt; / Div & gt; // Here is my second container that I want to use Jquery after the click menu container ..
So I tried to use this code:
& lt; Script & gt; $ (Document) .ready (function () {$ (".btn1"). Click (function () {$ (". Menu_pos_jquery2"). FadeIn ();});}); $ (Document) .ready (function () {$ (".btn1"). Click (function () {$ (". Menu_pos_jquery2"). FadeOut;});}); & Lt; / Script & gt;
But this does not work, when I run this program, but it shows the full page like I give you another picture .. and I only click the first menu and click After the menu, I want to show my other container, how to do it? Pls, help .. and sorry for my bad english !! .. You understand my question
You should change your code in:
< Pre> $ (document)) .ready (function () {$ (". Menu_pos_jquery2"). FadeOut (); $ (".btn1") click (function () {$ ("menu_pos_jquery2") FadeToggle ("slow");});});
Comments
Post a Comment