jquery幻灯片切换父级而非子级

Question

我有这段代码

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

textButton是textContainer的子项。

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

目前点击一次将其向下滑动，按钮会自动滑动动画，因此它会消失。

是否可以停止按钮滑动，只滑动父容器？

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

Answer 1

你的意思是这样的：

<强> Check JSFiddle Demo

如果是，请使用此JS：

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

当您切换容器时，显然所有儿童（包括按钮）都会消失。

Answer 2

slideToggle()显示或隐藏元素。

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

因此，如果必须保持子元素可见，则不能让它成为父元素的子元素并将其置于其外部。重新安排你的HTML。