Home/ Questions/Q 8159181
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T17:49:44+00:00

I have the following: <html lang=en class=no-js theme-light> or <html lang=en class=no-js xxx yyy

  • 0

I have the following:

<html lang="en" class="no-js theme-light"> or
<html lang="en" class="no-js xxx yyy theme-light">

I would like to make it so that clicking a link will change this to:

<html lang="en" class="no-js theme-dark"> 
<html lang="en" class="no-js xxx yyy theme-dark">

Clicking again will change it back. that is remove theme-dark and add theme-light.

Can someone explain how I can do this with jQuery?

 $('#sidebar-theme-switch').click(function (e) {
    ???
 });
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    $('#sidebar-theme-switch').click(function() {
    $('html').toggleClass('theme-light theme-dark')
});

    LIVE DEMO

    toggleClass

    Description: Add or remove one or more classes from each element in the set of matched elements, depending on either the class’s presence or the value of the switch argument.

    • 0