Hey Ger, ik was nog even wat aan het testen. die preventDefault is er alweer uit.
Op verzoek:
$( document ).ready(function() {
$('li').click(function() {
// even zien wat de display status is
var oldStatus = $(this).children('div').css('display');
// alle div's met class element verbergen
$('.element').hide();
// de div die child-div is van 'this' laten zien
// maar alleen als de vorige status display:none; was
if(oldStatus == 'none')
$(this).children('div').show();
});
});
Frank, blijft nog dezelfde opmerking staan, je selecteert nog steeds alle li elementen uit het gehele document.
Ook kan je binnen .children weer op dezelfde manier een selector gebruiken, het geeft meer controle over het hoe en wat.
Het kan natuurlijk zijn dat je het normaal gesproken anders doet, maar omdat meerdere personen dit lezen kunnen ze soort dingen als gebruikelijk ervaren.