Button aktiv starten
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.
Der hier verwendete 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>