jquery hide element in scroll

Question

I create horizontal scroller for run to the left and right the elements inside content , my script it´s this :

<script>
jQuery(document).ready(function() 
{
var $item = jQuery(".productos_items"), 
visible = 3, 
index = 0, 
endIndex=($item.length/visible)-1; 

jQuery('#productos_arrowR').click(function(){
if(index < endIndex ){
index++;
$item.animate({'left':'-=100px'});
}
});

jQuery('#productos_arrowL').click(function(){
if(index > 0){
index--;            
$item.animate({'left':'+=100px'});
}
});
});
</script>

I try something as this :

if ($item>=visible)
{
jQuery(".productos_items").css("display","none")
}

But no works

The problem it´s i can´t get hide the elements , for example i put visible first 3 items and after this i want hide the others and when push to the right show this and hide the other

I try different things but i can´t get this finally

Thank´s

nothing can help me ?

user2912997
– user2912997

2013-10-26 21:00:26 +00:00
Commented Oct 26, 2013 at 21:00 — user2912997
– user2912997, Commented Oct 26, 2013 at 21:00

iKBAHT · Accepted Answer · 2013-10-28 08:26:02Z

0

try this:

if ($item.length >= visible)    {
    $item.hide()
}

answered Oct 28, 2013 at 8:26

iKBAHT

7226 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jquery hide element in scroll

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related