toggleAttr()

Toggles the presence or value of attributes.

$(selector).toggleAttr()

Usage Patterns

1. Toggle attribute existence

$('#box').toggleAttr("hidden");

If hidden exists → remove it If not → add it


2. Toggle attribute with value

$('#box').toggleAttr("data-mode", "active");

If current value != "active" → sets If current value == "active" → removes


3. Toggle multiple attributes

$('#box').toggleAttr(
    "data-size", "xl",
    "draggable", "true",
    "contenteditable", "true"
);

Each key-value pair is toggled intelligently.

Last updated