Question

<script type='text/javascript'>
$(document).ready(function() {
  $('div.Syb> div').hide();
  $('div.Syb> h4').click(function() {
   var span = $(this).children('span:first').attr('class');

  //    span.text(span.text()=='+'?'-':'+');


     span = (span == 'plus')?'minus':'plus';

   $(this).children('span:first').attr('class',span);

 $(this).next('div').slideToggle('fast')
 .siblings('div:visible').attr('css','plus').slideUp('fast');

//    $(this).siblings('div.Syb>h4 >span:first').attr('css','plus');

  });
});
</script>

什么时候div关闭需要把+符号放回去...这是我无法做到的..对此有什么帮助？

<div class="Syb">
  <h4><span class='plus'></span>Title 1</h4>
  <div>Lorem...</div>
  <h4><span class='plus'></span>Title 2</h4>
  <div>Ipsum...</div>
  <h4><span class='plus'></span>Title 3</h4>
  <div>Dolor...</div>
</div>

是我的HTML

Answer 1

您可以使用.toggleClass()，如下所示：

$(this).children('span:first').toggleClass('plus minus');

我不能确定找到<span>的选择器是否正确而没有HTML。由于元素有一个类或另一个类，因此两者的切换有效地交换它们，简短而简单：）

手风琴+和 - 符号帮助

1 个答案: