Either of JQuery .css() or .hover() not working

Question

My Code (Launch in full window).

My JS Code:

$(document).ready(function () {
    $("#play_buttton").hover(
        function () {
            $('#play_button').css({ "height": "240px", "width": "250px" });
        },
        function () {
            $('#play_button').css({ "height": "225px", "width": "220px" });
        }
    );
});

I think that this code must be creating the problem.

Problem: When , I hover over the image (#play_button) , nothing happens and its height and width don't change.Can anyone tell me how do I fix that.

Thanks.

GautamD31 · Accepted Answer · 2013-09-02 11:31:52Z

7

It will be play_button not play_buttton

$(document).ready(function () {
    $("#play_button").hover(   // Here not play_buttton
        function () {
            $(this).css({ "height": "240px", "width": "250px" });
        },
        function () {
            $(this).css({ "height": "225px", "width": "220px" });
        }
    );
});

See this sample FIDDLE.

You can also .animate it like in this FIDDLE2

edited Sep 2, 2013 at 11:31

answered Sep 2, 2013 at 11:23

GautamD31

28.8k10 gold badges66 silver badges86 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Gaurang Tandon Over a year ago

Working suddenly, Thanks ,but where's the difference !

Gaurang Tandon Over a year ago

"You can also .animate" Nice new method !

Arfan Mahmood · Accepted Answer · 2013-09-02 11:44:45Z

1

Wrong spell at $("#play_butt*t*on").hover

answered Sep 2, 2013 at 11:44

Arfan Mahmood

16213 bronze badges

Collectives™ on Stack Overflow

Either of JQuery .css() or .hover() not working

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related