jquery - how to do only this div -
<div id="container"> <div class="slides"> <div class="slides_container"> <p>1</p> <p>2</p> <p>3</p> </div> <a href="#" class="prev">prev</a> <a href="#" class="next">next</a> </div> </div> <div id="container"> <div class="slides"> <div class="slides_container"> <p>1</p> </div> <a href="#" class="prev">prev</a> <a href="#" class="next">next</a> </div> </div>
var n = $(".slides_container > p").length; if (n == 1) { $(".prev", ".next").hide(); } else { $(".prev", ".next").show(); }
if "p" = 1 , hide .prev & .next (only div)
how ? :d
this iterate on each group of slides, , toggle visibility of prev , next links depending on how many p elements present.
$('div.slides').each(function() { $('.prev,.next', this).toggle( $('.slides_container > p', this).size() > 1 ); });
Comments
Post a Comment