JavaScript Replacing (Toggle) classes

[richarddunnebsc]

How do I toggle a classname in a multi-class div?

In the head section:

<div class="row none" id="DivId">
    ..........
</div>

.row.none{display: none;}
.row.flex{display: flex;}

var Id = $("#DivId").classList;
Id.addClass("flex").removeClass("none");

 

[Johna]

Hey there,
It seems you want to remove the none class and add the flex class, using jQuery.
The addClass() and removeClass() methods have to be executed directly on the element, and not from the element's class list.
Remove the classList property and it should work:

var Id = $("#DivId");
Id.addClass("flex").removeClass("none");