jQuery toggleClass example

Toggle class name on click in jQuery

by isherwood

HTML

<ul>
  <li>list</li>
  <li>list</li>
  <ul class="shouldBeSublist">
    <li>inner list</li>
    <li>inner list</li>
    <li>inner list</li>
  </ul>
  <li>list</li>
</ul>

CSS

ul {
  background: lightblue;
}

ul>li {
  background: pink;
}

JavaScript

$('ul > ul').each(function() {
  $(this).appendTo($(this).prev('li'));
});