toggleClass()

Toggles (adds or removes) a CSS class from a component.

toggleClass(Object element, String className)

element: Type: Object. The component to add or remove the class from.

className: Type: String. The CSS class to be added or removed.

1// find a component with aura:id="toggleMe" in markup
2var toggleText = component.find("toggleMe");
3$A.util.toggleClass(toggleText, "toggle");

j

Introducing Aura Components

Quick Start

Creating Components

Using Components

Communicating with Events

Communicating Across the DOM with Lightning Message Service

Creating Apps

Styling Apps

Developing Secure Code

Using JavaScript

Working with Salesforce Data

Testing Components

Debugging

Performance

Reference

Lightning Component Library

System Tag Reference

JavaScript API

$A namespace

Action

AuraLocalizationService

Component

Event

Util

addClass()

getBooleanValue()

hasClass()

isArray()

isEmpty()

isObject()

isUndefined()

isUndefinedOrNull()

removeClass()

toggleClass()

Previous PDF Versions