一群说用css就可以的,那你学jQ是干嘛的?这个课程的目的不是实现效果,而是让你学会怎么用jQ。怎么那么多人连目的都搞不明白。
2016-05-31
$('li:eq(-2)').hide();
$('li:eq(-1)').hide();
$("a").click(function()
{ if($('a').text()=="简化")
{$('li:eq(-2)').hide();$('li:eq(-1)').hide();$(this).html('更多');}else{$('li:eq(-2)').show(); $('li:eq(-1)').show();$(this).html('简化');}
$('li:eq(-1)').hide();
$("a").click(function()
{ if($('a').text()=="简化")
{$('li:eq(-2)').hide();$('li:eq(-1)').hide();$(this).html('更多');}else{$('li:eq(-2)').show(); $('li:eq(-1)').show();$(this).html('简化');}
$("#abc").click(function() {
if($("#abc").text()=='更多'){
$("#abc").text('简化');
$("ul>li:eq(5)").hide();
$("ul>li:eq(6)").hide();
}
else{
$("#abc").html("更多");
$("ul>li:eq(5)").show();
$("ul>li:eq(6)").show();
}})
if($("#abc").text()=='更多'){
$("#abc").text('简化');
$("ul>li:eq(5)").hide();
$("ul>li:eq(6)").hide();
}
else{
$("#abc").html("更多");
$("ul>li:eq(5)").show();
$("ul>li:eq(6)").show();
}})
<script>
var aid = $('#aid');
var li =$('li:hidden');
aid.on('click', function () {
li.toggle();
if(aid.text()=='更多'){
aid.text('简化');
}else {
aid.text('更多');
}
});
</script>
//不知道这个的jQuery文件怎么引用 !
var aid = $('#aid');
var li =$('li:hidden');
aid.on('click', function () {
li.toggle();
if(aid.text()=='更多'){
aid.text('简化');
}else {
aid.text('更多');
}
});
</script>
//不知道这个的jQuery文件怎么引用 !
$("a").click(function() {
if($(this).html()=="更多"){
$(this).html("简化");
$("li[title='隐藏']").removeClass("hidden");
}else {
$(this).html("更多");
$("li[title='隐藏']").addClass("hidden");
}
});
if($(this).html()=="更多"){
$(this).html("简化");
$("li[title='隐藏']").removeClass("hidden");
}else {
$(this).html("更多");
$("li[title='隐藏']").addClass("hidden");
}
});