Thread

It’s not working correctly how to fix it the code is
[removed][removed]
[removed]
(document).ready(function(){
(”.flip”).click(function(){
(”.panel”).slideToggle(“slow”);
});
});
[removed]

<style type=“text/css”>
div.panel,p.flip
{
margin:0px;
padding:5px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
}
div.panel
{
height:120px;
display:none;
}
</style>

<div class=“panel”>
Username: <input type=“text” name=“username” value=”” maxlength=“32” size=“25”></p>
Password: <input type=“password” name=“password” value=”” maxlength=“32” size=“25”></p>

<button>LogIn</button>
</div>

this jquery not working in EE2.4.0 PLEASE HELP ME
THANKS

Is this on the frontend of the site or in the CP?

excuse me i don’t understand please tell me fully

Is this for the administrator or website visitors?

its only for website visitors how to use jquery in EE can u tell me please

To start, you need to make sure that jQuery is included in the your page (template) before you try to use it. You can use regular < script > tags or the ExpressionEngine tag that is outlined here:

http://ellislab.com/expressionengine/user-guide/modules/jquery/index.html

i done this before some of the jquery working correctly but this code i wrote on the top isn’t working and i doesn’t understand why it’s not working

Aha. Well, we can’t read some of the code that you posted because it was filtered out by the forums. I do see that you have

(”.flip”).click(function(){

and

(”.panel”).slideToggle(“slow”);

What happens if you add a dollar sign onto the beginning of those lines? $() is actually a jQuery function, while () doesn’t do anything except group certain commands in JavaScript.

Thanks a lot

No problem, glad it helped!