javascript - クリックで他のdivボックスを無効にします。クリックしたボックスを保存するには?

Question

同じページに複数のボックスがあり、このコードを使用して個別にボックスを有効にできますが、新しいボックスをクリックしたときに古いボックスを無効にするにはどうすればよいですか?:

$('div.article').click(function(){
    var clickedbox = $(this).attr('id');
    $('#' + clickedbox + ' span.boxcontent').show();    
});

jquery と.mouseleaveでもこれを試しましたが、モバイルデバイスには適していません。

Answer 1

最初にすべてを非表示にし、後でクリックしたものを処理します。

$('div.article').click(function(){
    var clickedbox = $(this).attr('id');
    $('.boxcontent').hide();
    $('#' + clickedbox + ' span.boxcontent').show();    
});