在条件下使用slideUp()和slideDown()

时间:2015-03-30 23:55:53

标签: javascript jquery

<div class='head'>
      <img class='img_plus'> <img class='img_minus'>
</div>
<div> div next head</div>

在手风琴中,我想检查头部下方的div是否向上滑动,它显示.img_plus(+)到头部,否则如果div下一个头部向下滑动,则隐藏(+)并显示。 img_minus( - )

1 个答案:

答案 0 :(得分:0)

$(".head").each(function(){                 // For each .head element

   $(this).find("img").hide();              // Hide all icons first
   var $nextDiv = $(this).next("div");      // Get the next DIV element

   if( $nextDiv.is(":visible") ) {          // If next DIV is visible
      $(this).find(".img_minus").show();    // Show the - icon
   }else{                                   // Else
      $(this).find(".img_plus").show();     // Show the + icon
   }

});