basti1012.bplaced.net

Ich möchte in einer Liste von Buttons die im CSS bereits beschrieben sind, einen Button bereits beim ersten Aufruf der Seite auf "active" stehen haben. Z.B. möchte ich in einer Liste mit Automarken, Obst, Städten und Tieren, welche ich per Button sortieren kann (siehe anderer Thread) Einen Button "Alle" haben, der zu Beginn, während noch alle Objekte angezeigt werden, bereits die Farbe hat als wäre er angeklickt.

Code

                                    
                                <script src="/js_webseite/jquery.js"></script>
<style>
  .ant{
  display:none;
}

.active{
  background:red;

}


.active1{display:block;}
</style>
<button data-wert="ant1" id="but1" class="active">Auswahl1</button>
<button data-wert="ant2"  id="but2">Auswahl2</button>
<button  data-wert="ant3" id="but3">Auswahl3</button>
<button  data-wert="ant4" id="but4">Auswahl4</button>
<div class="ant active1" id="ant1">Antwort1</div>
<div class="ant" id="ant2">Antwort2</div>
<div class="ant" id="ant3">Antwort3</div>
<div class="ant" id="ant4">Antwort4</div>
<script>
  $('button').click(function(){
      $('button').removeClass("active");
      $(this).addClass("active");
      $('.ant').css('display','none');
      l=$(this).data('wert'); 
      $('#'+l).css('display','block');
})
  </script>