jQuery Check if Toggle is Open/Closed

By Sam Deering

Simple jQuery code snippets to check if toggle is open or closed. Basically, the current state can be determined by using this test:


Another way, as shown in the following example, is by using the data attribute to append a state of ‘open’ or ‘closed’ to the toggle button like so:

if ('state') === 'closed') {
    $('.' + toggleBtnClass).innerText(moreText);'state', 'open'); /*add data to store state*/
} else {
    $('.' + toggleBtnClass).innerText(lessText);'state', 'closed'); /*add data to store state*/

To see this in action, check out the jQuery.autoToggles plugin.

  • idlelimey

    Useful, thanks for sharing.



Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

Get the latest in JavaScript, once a week, for free.