javascript - jquery SlideToggle 与 sibling 不工作

Question

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

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

请建议对我的 javascript 进行必要的更改，以使 div 在单击 1 或 2 时显示为幻灯片，以在表中显示相应的 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();
    });
});

Answer 1

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

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

你说的是这个吗？