Скрипт глючит

[Kenshi24]

Должен меняться фокус с одного элемента на другой при нажатии на элемент, если нажимать на элемент, который уже имеет класс фокус, этот класс не убирается. (Jquery)

<ul class="nav">   <li><a href="#">Home</a></li>   <li><a href="#">About</a></li></ul>

$(document).ready(function(){   $( ".nav > li" ).click(function() {      $( ".nav > li" ).removeClass( "focus" );      $( this ).toggleClass( "focus" );   });});

Edited February 3, 2015 by Kenshi24

[Veseloff]

Потому что при любо клике сперва убирается фокус со всех элементов, а потом меняется состояние кликнутого. Но так как у всех элементов фокус убран, то всегда ставится на кликнутом. Вроде это очевидно.

[Great Rash]

$(function() {

  $('.nav > li').on('click', function() {

    $(this)

      .addClass('focus')

      .siblings()

      .removeClass('focus');

  });

});