通过帖子ID显示/隐藏

时间:2016-02-10 00:21:07

标签: javascript php jquery

我使用一些脚本来隐藏完整内容,但我有问题,这只会隐藏我的第一个div。

脚本:

$('#blah').css({height:'20px', overflow:'hidden'});
$('#blah').on('click', function() {
    var $this = $(this);
    if ($this.data('open')) {
        $this.animate({height:'20px'});
        $this.data('open', 0);

    }
    else {
        $this.animate({height:'100%'});
        $this.data('open', 1);
    }
});

虽然PHP代码,只是想显示数据库中的所有行,并且必须隐藏db的所有结果,而不仅仅是第一个...

PHP代码:

 $fq = mysqli_query("SELECT * FROM `table` ORDER BY time DESC LIMIT");
             while($f = mysqli_fetch_array($fq)){

           echo "
                <div id='blah'>$link</div>
           ";   

}

我只是想将db的所有结果隐藏起来,并且可以被postid,anyhelp折叠?

祝你好运

1 个答案:

答案 0 :(得分:0)

使用ID通过jQuery选择元素只选择第一次出现。 如果您想选择多个元素,请不要使用 ID ,请使用

while($f = mysqli_fetch_array($fq)){

           echo "
                <div class='blah'>$link</div>
           ";   

}

关于你的剧本:

$('.blah').css({height:'20px', overflow:'hidden'});
    $('.blah').on('click', function() {
        var $this = $(this);
        if ($this.data('open')) {
            $this.animate({height:'20px'});
            $this.data('open', 0);

        }
        else {
            $this.animate({height:'100%'});
            $this.data('open', 1);
        }
    });