Question

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

我希望能够做的是在点击$（“。more”）时隐藏prev / next div。目前所有面板都保持打开状态，因此脚本大部分都可以使用。

任何帮助都将不胜感激。

由于

Answer 1

添加

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

到$(".more").click(function() {

的第一行

DEMO：http://jsfiddle.net/nJpNb/5/

但请缓存这些项目。

Answer 2

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

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

DEMO

完整代码：

$(".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部分

定制jQuery手风琴并隐藏下一个div

3 个答案: