jQuery Tutorial - 36 - Toggle

The toggle() method was deprecated in jQuery version 1.8, and removed in version 1.9.

Plz add in the description that this toggle(function(){code),function(){code}) doesn't work anymore as per the updates of jquery.

I cant use this. Actually i am using this same but loading time is toggle use . i want to click on button than toggle is workshyorking ???? so please help me

$(document).ready(function () {

$("#button").click(function () {
var button_val=$("#button").val();
if(button_val=='Hide'){
$(this).attr("value","Show");
$("#field").hide();
}else{
$(this).attr("value", "Hide");
$("#field").show();
}
//$("#field").toggle('slow'); // now deprecated !!!
});
});

when I create the html page with jsp file. external javascript does not work any idea?

I'm getting a cool effect but not the desired one. Better luck next time.

bucky you are AWESOME !!!!!!!! :)

164 more vedios left . will it make me a better web developer ?

Good support in the comments everyone, thanks. This had me confused

toggle() function is not works in version 1.11.3

this method was removed in jQuery 1.9 so it does something else, check it out on jquery (.) com

I was struggling with toggle until I found this video. Thanks =)

WATCH OUT! This element i deprecated, the new toggle() element switches toggles the visibility of the paragraph. You could also try use toggleClass('class1 class2')

I believe this tutorial is outdated.

I solved the toggle problem.  I downloaded the JQuery version 1.6.2 which is the one shown by Alex in tutorial 3, and now it works!!!  Looks like in older versions toggle function as it was implemented is deprecated.  I don't know how it works with the actual versions.

Thank a lot. 
It would be better if you upload source file.

Well, 164 videos more left... This is just EPIC! ;D

I checked my code umpteen times and all i get is the link for a split second and then no link it toggles to "No" and stays there  ??

wahahahaa he's gay

everyday I'm TO-GGO-GGOLIN

As this wasn't working for me I just thought of a way around: var choice = 0; $('#click_me').click(function() { if(choice==0) { $('#click_event').html('Yes'); choice = 1; } else { $('#click_event').html('No'); choice = 0; } }); With this you can "toggle" between more than two elements.

WHAT THE FUCK?!

im having trouble with the toggle function, it acts like fadeIn, not as described in the tut, has it been changed by the jquery developers.... its even defined differently here api.jquery.com/toggle/ kickass tut btw

i love jQuery just becaus of this great tutorial :D thx alex

For Jquery 1.9 + here is a code snippet you can use in place of Alex's to get a similar effect: stackoverflow. com/a/15195528/1569114

At last ! You simply copied the script line when including your second script .. Up until now you just re-wrote it every time ...

version deprecated: 1.8, removed: 1.9 Oh shit, toggle between functions only works in jquery 1.7.2 and earlier versions. I had to spend lots of time to find out this, it doesn't work in version 1.9

Be careful, .toggle seems to be removed since jQuery 1.9 upgrade.

thank you for this. I was just wondering if it's possible to toggle between anything more than two. now, let me try that. =D

Disturbing

I keep waiting for the image slider tutorial!

BTW you can toggle between any number of functions, not just two. When I hear "toggle", I think two options, but that is not the case. This would be perfect for a really simple image slider.

sweet

buttons are good for examples instead of anchors!

Wow.. I can make my own argument clinic with this!!! :) Great tutorials btw! Very helpful. I'm actualy learning from these videos!

one way I have seen this implemented is in some flash based video player website you can toggle the background colour of the page in order to increase the contrast and add a more cinematic feel :)

haha... alex.. i just respect u man ...

example use of this is when you want to show or hide info on a section of your website.