---
schema_version: "1"
id: 4cb623d350c62f5dc02b717ad827c8873a8eef94ec39d52d989bde254a46ba65
title: toggleClass()
collection: developer
version: current
locale: en-us
portal_url: https://docs.salesforce.com/developer/current/en-us/platform/aura-platform/guides/aura/ref-jsapi/ref-jsapi-util-toggleclass.md
canonical_url: https://developer.salesforce.com/docs/platform/aura-platform/guide/ref-jsapi-util-toggleclass.html
source_site: developer.salesforce.com
content_type: documentation
content_hash: 449f7a3ff17a254932657ba420c80bec95f7cb0bd69271d1938295f3b8ae7e19
products:
  - Lightning Aura Components Developer Guide
  - Platform Developer Content
---

# toggleClass()

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

## Signature

`toggleClass(Object element, String className)`

## Parameters

**_element_:** Type: `Object`. The component to add or remove the class from.

**_className_:** Type: `String`. The CSS class to be added or removed.

## Sample Code

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