jquery slideToggle与兄弟姐妹不工作

时间:2015-01-06 19:11:20

标签: javascript jquery html

我想隐藏一个div并显示其他div。

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

请在我的javascript中建议进行必要的更改,以便在单击1或2时将div显示为幻灯片,以在表格中显示相应的div。请在this fiddle中找到完整的示例。

当用户点击1时,应显示divOne12,当用户点击时,应显示divTwo12,并且应隐藏前一个div。如何在下面的javascript函数中应用slideToggle()。

感谢。

以下是javascript:

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

1 个答案:

答案 0 :(得分:1)

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

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

这是你指的是什么?