php - hide/show issue with quicksand -
i'm trying load multiple lists quick sand. have 3 divs , 1 shows @ time , using hide/show display them. problem have when click show new div quicksand feature has strange behavior. link in list(s) disappears (display:none) , when clicking view tab other links present nothing shows until click 1 of tabs show content.
<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 $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>
here jquery
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; });
does know if quicksand affected dom changes, past experiences have had same thing happen islider
also when clicking link show items particular list show items every list
Comments
Post a Comment