jQuery slideToggle與兄弟姐妹不工作

Question

我想隱藏一個div並顯示另一個div。

隱藏和顯示其他div時，它應該看起來像一張幻燈片，可以使用jQuery中的slideToggle（）實現。

請建議在我的JavaScript中進行必要的更改，以使div在單擊1或2以在表格中顯示相應的div時顯示為幻燈片。 請在此小提琴中找到完整的示例。

當用戶單擊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);
    });
});

這就是您的意思嗎？