Php 使用流沙隐藏/显示问题

我正在尝试用快速沙盘加载多个列表。基本上我有3个div，一次只有1个显示，我使用hide/show来显示它们。我的问题是，当我点击显示一个新的div时，quicksand特性有一些奇怪的行为。“我的列表”中的“所有”链接消失（显示：无），当单击以查看其他选项卡时，其他链接将显示，但在我单击其中一个确实显示内容的选项卡之前，不会显示任何内容

<ul id="filterOptions" class="filterOptions">
    <li class="active"><a href="#" class="all">All</a></li>
        <?php
            $i = 0;
            $pages = get_pages('child_of=181&sort_column=post_date&sort_order=desc&parent=181');
            foreach($pages as $page){
                $count = 0;
                $id = $page->ID;

                $count = count($children);                      
            ?>
        <li>
        <a href="#" class="<?php echo $page->ID; ?>"><?php echo $page->post_title ?> </a>|
        </li>
       <?php } ?>   
    </ul> 

有人知道流沙是否会受到DOM更改的影响吗？根据过去的经验，我在islider上也遇到过同样的情况

此外，当单击“全部”链接以显示该特定列表的所有项目时，它将显示每个列表中的所有项目

var $filterType = $('#filterOptions li.active a').attr('class');
var $holder = $('ul.ourHolder');
var $data = $holder.clone();

$('#filterOptions li a').click(function(e) {
    $('#filterOptions li').removeClass('active');
    var $filterType = $(this).attr('class');
    $(this).parent().addClass('active');

    if ($filterType == 'all') { var $filteredData = $data.find('#filterOptions li');} else {var $filteredData = $data.find('li[data-type=' + $filterType + ']');}

    $holder.quicksand($filteredData, {duration: 800,easing: 'easeInOutQuad',adjustHeight: 'dynamic'});
    return false;
});