2014 answer: classList.toggle() is the standard and supported by most browsers. Older browsers can use use classlist.js for classList.toggle(): var menu = document.querySelector(‘.menu’) // Using a class instead, see note below. menu.classList.toggle(‘hidden-phone’); As an aside, you shouldn’t be using IDs (they leak globals into the JS window object).
$(‘#el’).prop(‘disabled’, (i, v) => !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 to set … Read more
You can write: $(document).ready(function() { $(“#select-all-teammembers”).click(function() { var checkBoxes = $(“input[name=recipients\\[\\]]”); checkBoxes.prop(“checked”, !checkBoxes.prop(“checked”)); }); }); Before jQuery 1.6, when we only had attr() and not prop(), we used to write: checkBoxes.attr(“checked”, !checkBoxes.attr(“checked”)); But prop() has better semantics than attr() when applied to “boolean” HTML attributes, so it is usually preferred in this situation.
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
bool = !bool; This holds true in most languages.