Positionsbestimmung - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 232

#uebersicht ul li {
line-height: 50px;
padding-left: 5px;
}
#uebersicht ul li img {
width: 50px;
height: 50px;
border-radius: 3px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
#optionen li input {
height: 34px;
width: 34px;
margin: 0;
}
Sorgen Sie nun mit JavaScript dafür, dass sich das An- bzw. Abwählen bestimmter
Restauranttypen in den Optionen in der Übersicht niederschlägt (Abbildung 5.20):
$('#optionen :checkbox').on('change', function(){
$('#uebersicht li.'+this.className)
.toggleClass('versteckt');
});
Abbildung 5.20 Die Liste der Optionen auf dem iPhone und unter Android