2011-02-25 73 views
-1
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
var $category = $("ul li:gt(5):not(:last)"); 
$category.hide(); 
$("input").click(function(){ 
if($category.is(":visiable")){ 
    $category.hide(); 
    $("input").attr("value","精簡顯示") 
    } 
    else{ 
    $category.show(); 
    $("input").attr("value","全部顯示") 
    } 
    }) 
}); 
</script> 
</head> 
<body> 
<div class="category"> 
    <ul> 
    <li>蘋果</li> 
    <li>諾基亞</li> 
    <li>摩托羅拉</li> 
    <li>索愛</li> 
    <li>三星</li> 
    <li>LG</li> 
    <li>黑莓</li> 
    <li>多普達</li> 
    <li>西門子</li> 
    <li>魅族</li> 
    <li>其他品牌</li> 
    </ul> 
</div> 
<div class="more"><input type="button" value="全部顯示"></div> 

該代碼是錯誤的,但我不知道什麼錯誤是,你能幫助我嗎?我有一個jQuery的問題,你能幫我嗎?

+0

你需要給我們更多的信息比'代碼error' – Serge 2011-02-25 16:07:03

+1

錯誤是什麼? – Alex 2011-02-25 16:07:26

+1

它應該是'$ category.is(「:visible」)'而不是'$ category.is(「:visiable」)' – Serge 2011-02-25 16:08:11

回答

1

可能是$category.is(":visiable")拼寫錯誤(應該是":visible"沒有 '一')

0
$(document).ready(function(){ 
    var $category = $("ul li:gt(5):not(:last)"); 
    $category.hide(); 
    $("input").click(function(){ 
     if($category.is(":visible")){ << corrected spelling ([@serge]) 
      $category.hide(); 
      $("input").attr("value","精簡顯示") 
     } 
     else{ 
      $category.show(); 
      $("input").attr("value","全部顯示") 
     } 
    }); << added ; 
}); 

上的jsfiddle編寫了這裏 - http://jsfiddle.net/9keby/