Как доработать js код меню?

Question

[Евгений]

Этот js переключает стили div(active), нужно сделать чтобы при повторном нажатии на активный div (activ убирался).

<script type="text/javascript">
$(document).ready(function() {
  $(".navbar-items li").click(function() {
    $(".navbar-items li.active").removeClass("active");
    $(this).addClass("active");
	});
    });
</script>

Answer 1

[IceJOKER]

$(this).toggleClass("active");

jsfiddle.net/2Lyf3v9x/2

Comments

[Вячеслав]

И ничего не изменится, по очевидным причинам =)
jsfiddle.net/2Lyf3v9x

[IceJOKER]

Вячеслав: ну это да )) я думаю умный догадается под себя адаптировать, я лишь написал способ решения )

Answer 2

[Vlad Seipa]

<script type="text/javascript">
$(document).ready(function() {
  $(".navbar-items li").click(function() {
    $(this).toggleClass("active");
  });
});
</script>

Answer 3

[Фёдор Морозов]

$('.navbar-items li').click(function() {
    if ($(this).hasClass('active')) {
        $(this).removeClass('active');
    } else {
        $('.navbar-items li.active').removeClass('active');
        $(this).addClass('active');
    }
});