Question

i have problem with click event. click to another element with event(click), doesn’t count like click elsewhere. I want active one element or none.

demo: http://jsfiddle.net/WP4RH/

code:

   $('span').click(function(){
     var $this = $(this);
     if($this.hasClass('active')){
        $this.removeClass('active')}
     else $this.addClass('active');

     $('div').click(function(){                        
        if (!$this.has(this).length) {                                 
             $this.removeClass('active');                            
        }          
     });
     return false;
   });

Answer 1

Add this at the beginning of your span event handler:

$('.active').removeClass('active');

Demo

This is assuming that you want multiple clicks on the same span to retain active. If you don’t want that, then let me know and I can modify the code.
​