jquery slideToggle与兄弟姐妹不起作用答案

【问题标题】：jquery slideToggle with siblings not workingjquery slideToggle与兄弟姐妹不起作用
【发布时间】：2015-01-07 03:58:20
【问题描述】：

我想隐藏一个 div 并显示另一个 div。

在隐藏和显示其他div的同时，它应该看起来像一个幻灯片，可以在jQuery中使用slideToggle()来实现。

请在我的 javascript 中提出必要的更改，以便在单击 1 或 2 以在表格中显示相应的 div 时使 div 显示为幻灯片。请在this fiddle 中找到完整的示例。

当用户点击 1 divOne12 时应该显示，当用户点击 2 divTwo12 应该出现并且之前的 div 应该被隐藏。如何在下面的 javascript 函数中应用 slideToggle()。

谢谢。

下面是javascript：

$(function () {
    $('.navigateTest').click(function () {
        var t = $(this).data('target');
        $('#'+t).show().siblings('div').hide();
    });
});

【问题讨论】：

不明白问题出在哪里。
@AlexChar 我相信这个人正试图让 div 通过滑动而不是仅仅显示/隐藏来制作动画

标签： javascript jquery html

【解决方案1】：

示例：http://jsfiddle.net/0p7djjnc/9/

$(function () {
    $('.navigateTest').click(function () {
        var t = $(this).data('target');
        $('#'+t).slideDown(500).siblings('div').slideUp(500);
    });
});

你指的是这个吗？

【讨论】：

是的，它起作用了，谢谢。通过任何改变我们可以使用 slideToggle() 吗？ @Matt Kenefick。
取决于你想要什么。你可以试试这个：jsfiddle.net/0p7djjnc/10 这将打开和关闭选定的单元格，但其他单元格将始终关闭。这是你的意思吗？
no..如果我单击以显示已选择的 div，它不应该关闭。它应该以与您之前的答案相同的方式工作。 jsfiddle.net/0p7djjnc/9。谢谢。 @Matt Kenefick
好吧，在这种情况下，您不需要 slideToggle。 slideToggle 将关闭打开的内容并打开关闭的内容，例如 #10。