これが私のコードです:
$('.expand-1').click(function(){
$('.content-1').slideToggle('slow');
$('.expanded-1').toggleClass('expanded-4');
});
$('.expand-2').click(function(){
$('.content-2').slideToggle('slow');
$('.expanded-2').toggleClass('expanded-5');
});
$('.expand-3').click(function(){
$('.content-3').slideToggle('slow');
$('.expanded-3').toggleClass('expanded-6');
});
基本的に、ボックスをクリックするとボックスが展開されますが、次のボックスをクリックしても残りは開いたままです。私が探しているのは、(Box1) がクリックされたときに、Box2 または Box3 がまだ開いている場合にそれらが開く方法です。 Box1 のみを閉じて開きます。Box2 をクリックすると、Box1 と Box3 は Closed のままになります。
このページには 3 つのボックスしかありません。