jquery - 自定义 jQuery 手风琴并隐藏下一个 div

Question

我有一个自定义手风琴脚本 - http://jsfiddle.net/nJpNb/2/

我想要做的是在单击 $(".more") 时隐藏上一个/下一个 div。目前所有面板都保持打开状态，因此脚本大部分都有效。

这里的任何帮助将不胜感激。

谢谢

Answer 1

只需添加

$(".newsBody").hide();
$('.newsTeaser').show();

到第一行$(".more").click(function() {

演示：http: //jsfiddle.net/nJpNb/5/

但请缓存项目。

Answer 2

尝试在您的.more点击中添加以下 2 行，如下所示，

//hide all others and show newsTeaser
$newsItem.find('.newsBody').hide();
$newsItem.find('.newsTeaser').show();

演示

完整代码：

$(".newsBody").hide();
var $newsItem = $('.newsItem');
$(".more").click(function() {

    //hide all others and show newsTeaser
    $newsItem.find('.newsBody').hide();
    $newsItem.find('.newsTeaser').show();

    var $parent = $(this).parent();
    $parent.hide();
    $parent.parent().find(".newsBody").show();
});
$(".less").click(function() {
     var $parent = $(this).parent();
    $parent.hide();
    $parent.parent().find(".newsTeaser").show();

});

Answer 3

为每个部分设置一个 id（因此它们有一个类和 id）。然后当有人选择第 2 节时自动隐藏第 1 节和第 3 节