我在我的网站上有一个展开/折叠按钮来控制列表项。然而,当我尝试折叠所有内容时,所有东西都消失了,包括第一个项目。此时我的唯一选择是展开所有内容以便查看。
JS:
JS:
function prepareList() {
$('#expList').find('li:has(ul)').click( function(event) {
if (this == event.target) {
$(this).toggleClass('expanded');
$(this).children('ul').toggle('medium');
}
return false;
})
.addClass('collapsed').children('ul').hide();
//Create the toggle
var toggle = false;
$('#listToggle').unbind('click').click(function(){
if(toggle == false){
$('.collapsed').addClass('expanded');
$('.collapsed').children().show('medium');
$('#listToggle').text("Collapse All");
toggle = true;
}else{
$('.collapsed').removeClass('expanded');
$('.collapsed').children().hide('medium');
$('#listToggle').text("Expand All");
toggle = false;
}
});
$('#expList').find('li').click( function(event) {
siteUrl = $(this).attr('value');
if(this.id != 'myList'){
RefreshSiteLists(siteUrl);
} else{
RefreshSiteLists(siteUrl);
}
return false;
});
}
HTML: http://jsfiddle.net/9HxGp/
简单来说,当我折叠时,所有东西都消失了。只有当我在文本周围添加<span>
时才会发生这种情况。
prepareList()
来修复了jsfiddle,现在它可以正常工作了 - http://jsfiddle.net/9HxGp/5/ - StackExchange What The Heck