slidetoggle空div应该不起作用

Question

＆＃13;

＆＃13;

$('.cat').click(function(){
    if ($(this).next().text() == '') {
        return false;
    }

    $(this).next().slideToggle();
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='themea cat'>lorem ipsum</div>
<div class='titlewrap'>
    <ul></ul>
</div>
<div class='themea cat'>lorem ipsum</div>

＆＃13;

＆＃13;

＆＃13;

next至cat为titlewrap且没有文字。不过，点击cat正在尝试slideToggle。

Answer 1

您需要修剪字符串以避免空白。

$('.cat').click(function() {
  if ($(this).next().text().trim() == '') {
    return false;
  }
  $(this).next().slideToggle();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='themea cat'>lorem ipsum</div>
<div class='titlewrap'>
  <ul>
  </ul>
</div>

<div class='themea cat'>lorem ipsum</div>