SlideDown某个元素的父元素，SlideUp所有不是元素的元素

Question

我有一系列 ul ，通过按一个按钮我试图滑动那些 li.newlist 元素的父元素和slideUp所有其他不是。我设法将我想要的那些幻灯片放下，但我不确定如何定义第二个动作，因为我无法使用.not（）。这可能非常简单，谢谢。

HTML

<ul>
  <li>A</li>
  <li class="newlist">B</li>
</ul>

<ul>
  <li>C</li>
  <li>D</li>
</ul>

<ul>
  <li>E</li>
  <li>F</li>
</ul>

SCRIPT

$('button').click(function () { 
        $('li.newlist').parent().slideDown(400);
}); 

Answer 1

这是 FIDDLE

$('button').click(function () { 
  $('ul').has('.newlist').stop().slideDown(400).siblings('ul').stop().slideUp(400);
}); 

Answer 2

你可以先添加这样的东西：

$('ul').each(function() {
    if ($(this).children('.newlist').length == 0) {
         $(this).slideUp(400);
    }
});

这将仅向上滑动不包含.newlist项目的选项。