Javascript jQuery在4个div之间切换

Javascript jQuery在4个div之间切换,javascript,jquery,toggle,Javascript,Jquery,Toggle,我对jQuery在4个div之间切换有问题。我不知道为什么它不起作用。它只是给我看了第一个div,什么也没做。当我在另一个网页上使用它时,它起了作用。 代码如下: HTML: JS: 您当前的表达式找到单击元素的索引,但它不知道需要查找索引的元素的上下文。您需要通过使用与class匹配的所有元素来查找click元素的索引 $('.ukaz').click(function () { var index = $('.ukaz').index($(this)); $('.cil').

我对jQuery在4个div之间切换有问题。我不知道为什么它不起作用。它只是给我看了第一个div,什么也没做。当我在另一个网页上使用它时,它起了作用。 代码如下:

HTML:

JS:


您当前的表达式找到单击元素的
索引
,但它不知道需要查找
索引
的元素的上下文。您需要通过使用与class
匹配的所有元素来查找click元素的
索引

$('.ukaz').click(function () {
    var index = $('.ukaz').index($(this));
    $('.cil').slideUp();
   $('.cil').eq(index).slideDown();
});

示例:

当前表达式查找单击元素的
索引,但不知道需要查找
索引的元素的上下文。您需要通过使用与class
匹配的所有元素来查找click元素的
索引

$('.ukaz').click(function () {
    var index = $('.ukaz').index($(this));
    $('.cil').slideUp();
   $('.cil').eq(index).slideDown();
});

示例:

很乐意帮忙。星期五快乐:)很乐意帮忙。星期五快乐:)
jQuery(function () {
    jQuery('.ukaz').click(function () {
        var index = $(this).index(),
            newTarget = jQuery('.cil').eq(index).slideDown();
        jQuery('.cil').not(newTarget).slideUp();

    });
});
$('.ukaz').click(function () {
    var index = $('.ukaz').index($(this));
    $('.cil').slideUp();
   $('.cil').eq(index).slideDown();
});