幫我看下哪里有問題
<!DOCTYPE html>
<html>
? ? <head>
? ? ? ? <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
? ? ? ??
??
? ? ? ? <title>挑戰(zhàn)題</title>
? ? ? ? <style>
? ? ? ? .noshow{
? ? ? ? ? ? display:none;
? ? ? ? ? ? }
? ? ? ? </style>
? ? </head>
? ??
? ? <body>
? ? <ul>
? ? ? ? <li>1</li>
? ? ? ? <li>2</li>
? ? ? ? <li>3</li>
? ? ? ? <li>4</li>
? ? ? ? <li>5</li>
? ? ? ? <li class="noshow">6</li>
? ? ? ? <li class="noshow">7</li>
? ? ? ? <li class="noshow">8</li>
? ? ? ??
? ? </ul>
? ? ? ? ? ? ? ?<a href="#">更多</a>
? ? ? ? ? ? ? ?<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
? ? ? ? ? ? ? <script type="text/javascript">?
? ? ? ? ? ? ??
? ? ? ? ? ? ? ? ? ? ? ? ? $(function(){
? ? ? ? ? ? ? ? ? $("a").click(function(){
? ? ? ? ? ? ? ? ? ? ? var text= $("a").text();
? ? ? ? ? ? ? ? ? ? ? if(text === 更多){
? ? ? ? ? ? ? ? ? ? ? ? ? $("a").text("簡化");
? ? ? ? ? ? ? ? ? ? ? ? ? $(".noshow").css("display","block");
? ? ? ? ? ? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? ? ? ? }else{
? ? ? ? ? ? ? ? ? ? ? ? ? $("a").text("更多");
? ? ? ? ? ? ? ? ? ? ? ? ? ? $(".noshow").css("display","none");
? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? ? });
? ? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? ??
? ? ? ? ? ? ? });
? ? ? ? ? ? ? ? ??
? ? ? ? ? ? ?
? ? ? ? ? ? ? ?</script> ?
? ? ? ? ? ? ? ?
? ? ? ? ? ? ? ?
? ? ? ? ? ? ?</body>
? ??
</html>
2016-04-11
判斷文本內(nèi)容的時候,更多是字符串,得加雙引號 不能粗心呀
2016-04-15
$(function (){
? ?$('li:gt(2):not(:last)').hide();
? ?$('a').click(function(){
? ? ? ?var aContent=$('a').text();
? ? ? ?if(aContent=='更多'){
? ? ? ? ? ?$('a').text("簡化");
? ? ? ? ? ?$('li:hidden').show();
? ? ? ?}else{
? ? ? ? ? ?$('a').text("更多");
? ? ? ? ? ?$('li:gt(2):not(:last)').hide();
? ? ? ?}
? ?})
})