Aktiv - & Inaktiv-Klasse hinzufügen & entfernen

Muss ich hinzufügen & entfernen Sie die Klasse auf Klick des anchor-Tags.

 <div class="activeTab">
    <a href="#." class="active">Active</a>
    <a href="#.">Inactive</a>
</div>

Oben div hat zwei Anker-tags & "Aktiv" & "Inaktiv" hat man eine Klasse 'active'. meine Anforderung ist die Notwendigkeit, zu entfernen, die 'active' - Klasse auf klicken Sie auf den "Inaktiven" Anker-tag & fügen Sie die Klasse 'active' an, dass durch klicken auf "Inaktiv" Anker " und " wenn ich klickte auf "Aktiv" Anker wieder die Klasse aus Formular entfernen "Inaktiv" anchor & wird zu den "Aktiven" vor Anker. mit jquery.

Ich habe verwendet, wenn die else-Bedingung zu
mögliche Duplikate von Jquery Add active-Klasse zum Hauptmenü
stackoverflow.com/questions/5883642/...
stackoverflow.com/questions/2245934/jquery-add-remove-class

InformationsquelleAutor MAR | 2013-05-14

Wenn ich undestood gut...

Machte ich einen refork einer alten lil snippet zu tun, was Sie wollen (oder, was ich vermute, Sie wollen) xDD

Sorry von meiner Englisch, es ist schwer für mich zu schreiben auf.

HTML

<div class="container">

  <div class="activeTab">
      <a href="#." class="button_active">Active</a>
      <a href="#." class="button_inactive">Inactive</a>
  </div>

</div>

CSS

.activeTab { width:100%; padding:30px 0 20px 0; background:#fff; } 
.active { background: #f0f0f0; }

$(function() { $( ".button_active" ).click(function() {

$( ".activeTab" ).addClass("active");

return false; }); });

$(function() { $( ".button_inactive" ).click(function() {

$( ".activeTab" ).removeClass("active");

return false; }); });

Können Sie sehen, eine funktionierende demo auf JSFiddle http://jsfiddle.net/aritz81/74bGe/1/

InformationsquelleAutor Aritz Alvarez

$('div.activeTab a').click(function(){
    var $this = $(this);
    $this.parent().find('a').removeClass('active');
    $this.addClass('active');
})

funktioniert Prima vielen Dank

InformationsquelleAutor Claudio Redi

versuchen, diese

$('div.activeTab a').click(function () {
  var $this = $(this);
   $this.siblings().removeClass();
   if ($this.hasClass('active')) {
      $this.removeClass('active').addClass('inactive')
   } else {
      $this.removeClass('inactive').addClass('active');
  }

})