jQuery幻灯片切换父级而不是子级

Question

我有这个代码

    $('#textButton').click(function() {
        $('#textContainer').slideToggle('slow');
    });

textButton是textContainer的子级。

单击该按钮时，该页面底部是我想上下滑动的基本选项卡。

当前单击一次会将其向下滑动，而按钮则是它自己的滑动动画，因此会消失。

有什么方法可以阻止按钮滑动，而仅滑动父容器？

这是一个非常粗糙的小提琴http://jsfiddle.net/3su2ekjy/1/

Answer 1

您的意思是这样的吗：

查看JSFiddle演示

如果是这样，请使用此JS：

$('#textButton').click(function() {
    $('#textContainer #text').slideToggle('slow');
});

切换容器时，很明显所有子级（包括按钮）也消失了。

Answer 2

slideToggle（）显示或隐藏元素。

您不能隐藏父项而不隐藏父项的所有子项。

因此，如果必须使子元素保持可见状态，则不能再使其成为父元素的子元素并将其放在其外部。 重新排列您的HTML。