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

Popular posts from this blog

apache - Add omitted ? to URLs -

redirect - bbPress Forum - rewrite to wwww.mysite prohibits login -

php - How can I stop spam on my custom forum/blog? -