我有一个手风琴(一种),一切正常,除了...
主要规则:单击方块,显示文本,并将背景从灰色变为红色(有效); 单击其他方块,显示文本,并将所单击的方块背景变为红色(有效); 再次单击相同的方块,折叠文本并将背景颜色从红色变为灰色(无效)。 代码有什么问题?
如有帮助,将不胜感激。
演示:jsFiddle jQuery:
主要规则:单击方块,显示文本,并将背景从灰色变为红色(有效); 单击其他方块,显示文本,并将所单击的方块背景变为红色(有效); 再次单击相同的方块,折叠文本并将背景颜色从红色变为灰色(无效)。 代码有什么问题?
如有帮助,将不胜感激。
演示:jsFiddle jQuery:
$( document ).ready(function() {
$('.v3').each(function (i) {
$(this).attr('data-menu', 'nr' + i);
});
$('.describe .describeModule').each(function (i) {
$(this).attr('id', 'nr' + i);
});
$('.v3').click(function () {
$('.v3').removeClass('activeModule');
$(this).toggleClass( 'activeModule' );
menu = $("#" + $(this).data("menu"));
$(".describeModule").not(menu).slideUp("slow");
menu.slideToggle("slow");
});
});
HTML
<div class="container">
<div class="v3"></div>
<div class="v3"></div>
<div class="v3"></div>
</div>
<div class="describe">
<div class="describeModule">one</div>
<div class="describeModule">two</div>
<div class="describeModule">three</div>
</div>