If you remember, I was trying to get quicksand working and someone help me with doing a short jQuery code to do the same thing. Well, everything is working great with just doing one menu but now. I would like to add on to it so that their is a second option for the user to select. I provided the link to My Example. I don't know how to right the code in jQuery so that the user can also sort the list in to Interior or Exterior like they did in the Redbox movie list. I don't think it would be really hard for someone that knows jQuery to quickly right the code for me. I'm more of a front-end web designer and then a back-end one.
I put the code below but not all of the product DIV code because it's mostly the same thing just the li class and h1 is different.
Question
ACTIONpack
http://www.romabio.com/products/preview.html <--- My Example /
http://www.redbox.com/movies <--- What I'm trying to do /
https://www.neowin.net/forum/topic/1131050-jquery-quicksand/ <--- First post about this /
If you remember, I was trying to get quicksand working and someone help me with doing a short jQuery code to do the same thing. Well, everything is working great with just doing one menu but now. I would like to add on to it so that their is a second option for the user to select. I provided the link to My Example. I don't know how to right the code in jQuery so that the user can also sort the list in to Interior or Exterior like they did in the Redbox movie list. I don't think it would be really hard for someone that knows jQuery to quickly right the code for me. I'm more of a front-end web designer and then a back-end one.
I put the code below but not all of the product DIV code because it's mostly the same thing just the li class and h1 is different.
<script type="text/javascript">
$('.filter li a').click(function() {
$(this).css('outline','none');
$('.filter .current').removeClass('current');
$(this).parent().addClass('current');
var filter = $(this).text();
if(filter == 'All Products') {
$('.items li.hidden').fadeIn('normal').removeClass('hidden');
} else {
$('.items li').each(function() {
if(!$(this).hasClass(filter)) {
$(this).fadeOut('normal').addClass('hidden');
} else {
$(this).fadeIn('normal').removeClass('hidden');
}
});
}
return false;
});
</script>
[/CODE]
Link to comment
Share on other sites
7 answers to this question
Recommended Posts