www.webdeveloper.com
Results 1 to 4 of 4

Thread: How to add a class with a fade in effect in jQuery?

Threaded View

  1. #1
    Join Date
    Aug 2008
    Posts
    20

    How to add a class with a fade in effect in jQuery?

    Here is my code... any idea on why it aint working?

    Code:
    $(document).ready(function(){
    $("#home_btn").hover(
    function(){
    $(this).addClass("grayBack").fadeIn("slow");
    }
    );
    }
    );
    I chained the action of adding a class with the fade in effect...did I do it wrong?

    And here's the HTML:

    Code:
    <div class="navigation">
            	<ul class="nav-list"> 
                <li id="home_btn">
                	HOME 
                </li>
                <li id="about_btn">
                	ABOUT US
                </li>
                <li id="team_btn">
                	TEAM
                </li>
                <li id="port_btn">
                	PORTFOLIO
                </li>
                <li id="propty_btn">
                	<a href="properties.php">
    	                PROPERTIES
                    </a>
                </li>
                <li id="dwnld_btn">
                	DOWNLOADS
                </li>
                <li id="contact_btn">
                	CONTACT US
                </li>
                </ul>            
        </div>
    Last edited by aditya2071990; 10-21-2008 at 11:01 PM. Reason: I forgot the HTML

Thread Information

Users Browsing this Thread

There are currently 2 users browsing this thread. (0 members and 2 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles