1

クリックすると答えが表示される Q&A サイドメニューがあります。各質問をクリックすると、回答が表示され、他の回答が閉じられます。また、アクティブな質問を再度クリックして回答を閉じられるようにしたいと考えています。誰かが提供できるヘルプ/アドバイスをいただければ幸いです。

私が現在持っているJSは次のとおりです。

<script>
$(document).ready(function () {
$('#question > li > a').click(function(){
  if ($(this).attr('class') != 'active'){
  $('#question li ul').slideUp();
  $(this).next().slideToggle();
  $('#question li a').removeClass('active');
  $(this).addClass('active');
}
 });
});
</script>

ありがとう!

4

1 に答える 1

0

あなたはelseステートメントでそれを行うことができます:

<script>
$(document).ready(function () {
$('#question > li > a').click(function(){

  if (!$(this).hasClass('active')){
  $('#question li ul').slideUp();
  $(this).next().slideToggle();
  $('#question li a').removeClass('active');
  $(this).addClass('active');
}
else{
    $(this).slideUp();
    $(this).removeClass('active');

}
 });
});
</script>
于 2013-08-04T12:19:55.110 に答える