Issues with jQuery 1.9 and slideToggle

Question

So, I'm not sure what happened, but I had his javascript function that shows/hides a div and then changes the + to a - when it's triggered.

This is what I have:

 $('.internal').hide();

$('.slider').click(function() {
    $(this).next('.internal').slideToggle();
}).toggle(function() {
    $(this).children("span").text("[-]");
}, function() {
    $(this).children("span").text("[+]");
    return false;
});

This apparently works great with jQuery's 1.8 library, but when I switch it to 1.9 or above it just slides everything up and makes everything dissapear.

Not too sure what happened or what was changed between 1.8 and 1.9 and I'm not sure what I need to fix to make it work again.

I made a fiddle: http://jsfiddle.net/9LcXk/

Which is using 1.8.3 at the moment. But if you change it to 1.9 and re-run it, you'll see what happens.

That's because there is no `toggle` event method in the jQuery 1.9. — Ram, Jan 03 '14 at 15:53
http://stackoverflow.com/questions/14490957/what-is-alternative-to-use-after-jquery-1-9-removed-togglefunction-function — DaniP, Jan 03 '14 at 15:57
http://stackoverflow.com/questions/15900838/how-to-use-toggle-with-jquery-1-9 — DaniP, Jan 03 '14 at 16:00

score 3 · Accepted Answer · answered Jan 03 '14 at 15:59

3

Use the click event instead:

DEMO

$('.slider').click(function () {
    $(this).next('.internal').slideToggle();
    this.toggle = !this.toggle;
    $(this).children("span").text(this.toggle ? "[-]" : "[+]");
    return false;
});

answered Jan 03 '14 at 15:59

A. Wolff

74,033
9
94
155

Issues with jQuery 1.9 and slideToggle

1 Answers1