手风琴菜单加减图像问题

我已经完成了带有加号和减号图像的手风琴菜单。我的问题是加号和减号将无法正常工作。手风琴菜单加减图像问题

的html代码：

<div class="rightTitle"> 
<div class="multiAccordion" onclick="acc('acc0')" id="acc0"> 
<h3 class="rt">January</h3> 
<div class="arrow"><a href="#"><img src="images/plus.png" alt="dropArrow" class="plu"/><img src="images/minus.png" alt="dropArrow" class="min" style="display:none;" /></a></div> 
</div> 
<div class="leaveDetails" style="display:none;"> 
<ul> 
<li>15, Monday - <strong>Independence Day</strong></li> 
<li>15, Monday - <strong>Independence Day</strong></li> 
</ul> 
</div> 
</div> 
<div class="rightTitle bt"> 
<div class="multiAccordion" onclick="acc('acc1')" id="acc1"> 
<h3 class="rt">Febuary</h3> 
<div class="arrow"><a href="#"><img src="images/plus.png" alt="dropArrow" class="plu"/><img src="images/minus.png" alt="dropArrow" class="min" style="display:none;" /></a></div> 
</div> 
<div class="leaveDetails" style="display:none;"> 
<ul> 
<li>15, Monday - <strong>Independence Day</strong></li> 
<li>15, Monday - <strong>Independence Day</strong></li> 
</ul> 
</div> 
</div> 
<div class="rightTitle bt"> 
<div class="multiAccordion" onclick="acc('acc2')" id="acc2"> 
<h3 class="rt">March</h3> 
<div class="arrow"><a href="#"><img src="images/plus.png" alt="dropArrow" class="plu"/><img src="images/minus.png" alt="dropArrow" class="min" style="display:none;" /></a></div> 
</div> 
<div class="leaveDetails" style="display:none;"> 
<ul> 
<li>15, Monday - <strong>Independence Day</strong></li> 
<li>15, Monday - <strong>Independence Day</strong></li> 
</ul> 
</div> 
</div> 
<div class="rightTitle bt"> 
<div class="multiAccordion" onclick="acc('acc3')" id="acc3"> 
<h3 class="rt">April</h3> 
<div class="arrow"><a href="#"><img src="images/plus.png" alt="dropArrow" class="plu"/><img src="images/minus.png" alt="dropArrow" class="min" style="display:none;" /></a></div> 
</div> 
<div class="leaveDetails" style="display:none;"> 
<ul> 
<li>15, Monday - <strong>Independence Day</strong></li> 
<li>15, Monday - <strong>Independence Day</strong></li> 
</ul> 
</div> 
</div>

在这里，我已经使用这个jQuery，

$(".multiAccordion").bind('click', function() { 
    $(this).next().toggle('slow', function() { 
    var a = $(this).next(); 
    if (($(this).next()).is(':hidden'))//Please check whether if condition is rite or not 
    { 
     alert('hi') 
     $('.min').show(); 
     $('.plu').hide(); 
    } else { 
     alert('bye') 
     //$(this).next().hide('slow');   
     $('.min').hide(); 
     $('.plu').show();  
    }

有我的代码什么问题？

如果是，请告诉我如何纠正它。

谢谢。

来源

2011-09-20 Mr.T.K

的选择$('.min')和$('.plu')影响所有加号和减号在页面上，不只是你只是切换的一个。您可能应该使用$(this)来选择正确的加号/减号来切换，但很难说没有看到您的HTML结构。

来源

2011-09-20 05:53:00 Kaivosukeltaja

添加我的html结构... –

你绝对需要更多的上下文。如果我可以在黑暗中拍摄一个完整的镜头，我会说你可能正在混合$（this）.next：

你在$（this）.next上使用回调函数（），所以成为新的“这个”参考。

来源

2011-09-20 05:54:29

手风琴菜单加减图像问题

回答

相关问题