You could do it like this: .switch { position: relative; display: inline-block; width: 90px; height: 34px; } .switch input {display:none;} .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ca2222; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: “”; height: 26px; width: 26px; left: 4px; bottom: 4px; … Read more
Using jQuery: $(‘#play-pause’).click(function(){ if ( $(‘#video-over’).css(‘visibility’) == ‘hidden’ ) $(‘#video-over’).css(‘visibility’,’visible’); else $(‘#video-over’).css(‘visibility’,’hidden’); });
You can simply use: v = 1 – v; This of course assumes that the variable is initialised properly, i.e. that it only has the value 0 or 1. Another method that is shorter but uses a less common operator: v ^= 1; Edit: To be clear; I never approached this question as code golf, … Read more
You can use the animate method: $(‘#element’).animate({width: ‘toggle’}); http://jsfiddle.net/7ZBQa/
You can use the :visible selector to find only visible. $(“.someDiv:visible”).each(….); You can use the .not() selector to find only hidden. $(“.someDiv”).not(“:visible”).each(….); I think you can perform the same operation in your code with this one line. $(“.someDiv”).hide().find(“.regular”).show(); Find all .someDiv and hide them, then find those with a .regular class and show them.
You can use text method: $(function(){ $(“.pushme”).click(function () { $(this).text(function(i, text){ return text === “PUSH ME” ? “DON’T PUSH ME” : “PUSH ME”; }) }); }) http://jsfiddle.net/CBajb/
The toggle-event is deprecated in version 1.8, and removed in version 1.9 Try this… $(‘#myelement’).toggle( function () { $(‘#another-element’).show(“slide”, { direction: “right” }, 1000); }, function () { $(‘#another-element’).hide(“slide”, { direction: “right” }, 1000); }); Note: This method signature was deprecated in jQuery 1.8 and removed in jQuery 1.9. jQuery also provides an animation method … Read more
For jQuery versions lower than 1.9 (see https://api.jquery.com/toggle-event): $(‘#user_button’).toggle(function () { $(“#user_button”).css({borderBottomLeftRadius: “0px”}); }, function () { $(“#user_button”).css({borderBottomLeftRadius: “5px”}); }); Using classes in this case would be better than setting the css directly though, look at the addClass and removeClass methods alecwh mentioned. $(‘#user_button’).toggle(function () { $(“#user_button”).addClass(“active”); }, function () { $(“#user_button”).removeClass(“active”); });
Load the MIGRATE and see the code there See my post about the same thing Where has fn.toggle( handler(eventObject), handler(eventObject)…) gone? I have suggested they rename it to fn.toggler instead of removing it Here is the code – it is a self-contained jQuery plugin and can be used as is. jQuery.fn.toggle = function( fn, fn2 … Read more
$(‘#el’).prop(‘disabled’, function(i, v) { return !v; }); The .prop() method accepts two arguments: Property name (disabled, checked, selected) anything that is either true or false Property value, can be: (empty) – returns the current value. boolean (true/false) – sets the property value. function – Is executed for each found element, the returned value is used … Read more