CODEWITHSUNDEEP
javascriptjqueryhtmlcss
GPGVM
GPGVM

Reputation: 5619

Element refusing to fade out or in

I have an element that is refusing to fade out or in (other elements work). When I run the jquery fadeOut() in the console it instantly dissapears from the screen??

Here is the html for the element:

<div class="span12">
    <h1 id="pagetitle" class="sitetitle lighttextbackground">
        <a href="asdsf.html">Alexandre</a>
    </h1>
</div>

jquery:

$("#pagetitle").fadeOut(1250);

The whole site with css / js files etc can be seen here.

http://staging.alexandredairy.com/

I've debugged, cut and pasted the code in jsfiddle and I can't find the culprit so any help would be appreciated.

Thank You

My Apologies. I have pushed code so you can see now

Upvotes: 1

Views: 79

Answers (1)

Jimmie Johansson
Jimmie Johansson

Reputation: 1962

On the site you linked, your h1 doesn't have the pagetitle id.

$('.sitetitle').fadeOut(1250); // should work with current markup

UPDATE
I can see whats wrong now. You have both fadeOut() in the jQuery, and -webkit-trasistion ease-out in the css. If you remove the transition you'll get the jQuery to work. Tbh, I don't really know why they are blocking each other.

Upvotes: 1

Related Questions