Меню для сайта на JS

HTML

<a class="btn fa fa-align-justify">Меню</a>
<div class="test">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
</div>

CSS

.test{display: none;}
.test1{display: block;}

JS

$(".btn").click(function(){
$(".test").toggleClass("test1");
$(".fa-align-justify").toggleClass("fa-times");
});

Демо:

Меню

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

Также читайте: