12. ...and get yourself out!


#1


I am having trouble with Jquery lesson 12. ...and get yourself out!

here is all my code.

<html>
	<head>
		<title>Button Magic</title>
		<link rel="stylesheet" type="text/css" href="stylesheet.css"/>
        <script type="text/javascript" src="script.js"></script>
	</head>
	<body>
     <div><br/><strong>Click Me!</strong></div>   
	</body>
</html>

div {
    height: 60px;
    width: 100px;
    border-radius: 5px;
    background-color: #69D2E7;
    text-align: center;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    opacity: 0.5;
}


$(document).ready(function(){
    $('div').mouseenter(function(){
        $('div').fadeTo('fast', 1);
    });    
    $('div').mouseleave(function(){
        $('div').fadeTo('fast', 0.5); 
 }); 
});

My Jquery works great! NO errors on the sides or anything, but it keeps telling me I to look back at my instructions...


#2

I checked, my JQuery looks the same. Do you get this error?
"Oops, try again. Please follow the instructions on the Full Preview page to test your code."

On the bottom of the preview page when you press Save and Submit Code the bottom of the page tells you what to do to pass. It says to move your mouse out of the div, meaning mouse over it and then out of it. Then it changes and says wait 2 seconds. And it goes away.
Then you click on the Back to Editor and you move to the next step. Try that.


#3

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.