隐藏具有相同ID的div并显示多个div的全部视图

时间:2013-02-02 05:15:40

标签: php jquery mysql html5

我有一个php页面,它从mysql数据库中的3个表中获取数据,它用于显示来自多个酒店的包,结果进行排序,以便来自同一酒店的多个包在一个组中,默认显示一个包其余的隐藏在使用jquery的鼠标事件上激活。问题是我希望有一个选项,点击“查看来自这家酒店的更多套餐”将显示该酒店下的所有隐藏套餐。在同一家酒店下可以有两个以上的套餐,现在我将它们显示为一个链接,上面写着“从这家酒店查看更多信息”。还有包名为Package 1,Package 2等的包。

以下php代码用于识别从一行获取同一酒店的包时:

$prevValue = NULL;

if ($resort_id == $prevValue) {
   echo "<div id=packages style='display:none;'>";
}
else {       
   echo "<div id=packages>";
}

这是我到目前为止的JS / jQuery:

<script>
$(".more").click(function(e){
    if($(this).prev("#packages").hasClass("open")){
        $(this).html("More...");
    } else {
        $(this).prev("#packages").fadeIn({"height":250}).addClass("showpackages");
        $(this).html("");
    }
    e.preventDefault();
});
</script>

0 个答案:

没有答案