Javascript/Jquery来更改类onclick？

我想更改一个类onclick。我目前所拥有的:

<script>
function changeclass() {

var NAME = document.getElementById("myclass")

NAME.className="mynewclass"

}
</script>

但是，当然，它不起作用。同样，它应再次恢复到onclick的先前状态。

我的html:

<div id="showhide" class="meta-info" onclick="changeclass();">

因此，每当我按#showhide时，myclass都应更改为mynewclass。预先感谢您的帮助!

最佳答案

使用jQuery，您可以做某事。这样，它将简单地切换类。

$('.showhide').click(function() {
    $(this).removeClass('myclass');
    $(this).addClass('showhidenew');
});

如果您想在每次单击之间来回切换类，则可以使用toggleClass，如下所示:

$('.showhide').click(function() {
    $(this).toggleClass('myclass');
    $(this).toggleClass('showhidenew');
});