Javascript 单击时显示/隐藏div

我正在编写一个小脚本，在单击其他div时显示/隐藏一个div，但我无法使第二个div可单击

以下是我目前的代码：

$(document).ready(function(){
    $('div#ordontia').click(function(){
        $(this).next('div#ordontia2').slideToggle("slow");
    });
});

每次单击按钮时，表底部都会出现一个带有说明的新div。底部的蓝色div。如果单击了另一个按钮，则应关闭前面的说明，并在同一位置打开另一个说明。尚未实施

提前感谢您的帮助

不要使用$。接下来，它只选择当前元素的同级：

获取集合中每个元素紧跟其后的同级 匹配元素。如果提供了选择器，它将检索下一个 仅当它与该选择器匹配时才为同级。 -

使用普通的：

$('div#ordontia2').slideToggle("slow");

---

去掉这个

如果元素具有唯一ID，为什么要使用next选择元素

$(document).ready(function(){
    $('div#ordontia').click(function(){
        $('div#ordontia2').slideToggle("slow");
    });
});

如果添加更多div，则更一般：

$(document).ready(function(){
    $('.botaomedicina').click(function(){
        $('#'+$(this).attr('id')+'2').slideToggle("slow");
    });
});

在所有其他关闭的情况下：

$(document).ready(function(){
    $('.botaomedicina').click(function(){
        $('.botaomedicinadescription').slideUp("slow");
        $('#'+$(this).attr('id')+'2').slideToggle("slow");
    });
});

修好了

http://jsfiddle.net/65AK2/2/

首先，看起来你的切换div是错误的。我看不出有什么理由

其次，如果你知道另一个div的ID是什么，你不需要说：

$(this).next("#item");

，这毫无意义。

试试这个

$(document).ready(function(){
    $('div#ordontia').click(function(){
        $('div#ordontia2').slideToggle("slow");
    });
});

---

更新的fiddle

您可以通过ID选择器直接执行此操作

---

你的ordontia2提琴在哪里？@ComFreek在底部。@biip:你想每个按钮都有这个吗？那么你应该和你的botaomedicina课程合作。看我的答案。谢谢，第二个几乎正是我想要的！我只需要确保在新的div打开之前关闭div。也许是这样的？$。描述Medicina'。幻灯片切换0；在函数的第一行之前？

$(document).ready(function(){
    $('div#ordontia').click(function(){
        $('div#ordontia2').slideToggle("slow");
    });
});

$(document).ready(function(){
    $('#ordontia').click(function(){
        $('#ordontia2').slideToggle("slow");
    });
});