Frustratingly simple jQuery problem

Question

I'm trying to do something very simple in Jquery which i just cant get to fire properly.

The thing is, i'm writing this code in a separate HTML file on the same server and using PHP "include" to use it, the jQuery src is held on Google and referenced in the main index.php head tag.

<script src="text/javascript">
        $(document).ready(function(){
            $("#xmasOpen").click(function(){
                $("#xmas").toggleSlide();
            });
            return false;
        });
    </script>

I've set #xmas to display: none in the CSS but just cant get it to action the jQuery if i click the href with id xmasOpen!?

Anyone?

Any error in js console? – yedpodtrzitko Dec 10 '10 at 14:36 — yedpodtrzitko, Dec 10 '10 at 14:36
none. I'm using Firebug and nothing at all – benhowdle89 Dec 10 '10 at 14:38 — benhowdle89, Dec 10 '10 at 14:38
are you sure you have id #xmas , or is it a class – kobe Dec 10 '10 at 14:45 — kobe, Dec 10 '10 at 14:45
I cant believe everyone (and me) missed this: – benhowdle89 Dec 10 '10 at 14:48 — benhowdle89, Dec 10 '10 at 14:48

score 4 · Accepted Answer · answered Dec 10 '10 at 14:36

4

The method -name is "slideToggle" instead of "toggleSlide" ^^

answered Dec 10 '10 at 14:36

Dr.Molle

116,463
16
195
201

score 2 · Answer 2 · answered Dec 10 '10 at 14:36

2

Move return false into the click handler.

answered Dec 10 '10 at 14:36

SLaks

868,454
176
1,908
1,964

Frustratingly simple jQuery problem

2 Answers2