2011-09-01 70 views
1

即時通訊使用:gt()來隱藏列表元素,我有一個鏈接可以在點擊時取消隱藏它們。現在我希望它是基於切換的,但這對我來說確實不起作用。有任何想法嗎?我該如何切換:gt

<ul id="list"> 
    <li>1</li> 
    <li>2</li> 
    <li>3</li> 
    <li>4</li> 
    <li>5</li> 
    <li>6</li> 
    <li>7</li> 
    <li>8</li> 
    <li>9</li> 
    <li>10</li> 
    <li>11</li> 
    <li>12</li> 
    <li id="not-this"><a href="#" class="click-me">show me</a></li> 
</ul> 


$(document).ready(function() { 
     $('ul#list li:gt(5)').not('#not-this').hide(); 
     $('.click-me').click(function() { 
      $('ul#list li:gt(5)').toggle('slow'); 
     }); 
    }); 

編輯:
它並打開它,它只是不會關閉它。

編輯
我加入了更改鏈接的文字和我的解決方案看起來現在這個樣子

$('ul#list li:gt(5)').not('#not-this').hide(); 
     $('.click-me').click(function() { 
      $('ul#list li:gt(5)').not('#not-this').toggle(); 
      $(this).text(($('.click-me').text() == 'show me') ? 'hide me' : 'show me'); 
     }); 
+0

:做u想改變烏爾 「點擊我」爲「顯示我」或「隱藏我」, – K6t

+0

我解決了它,但請繼續併發布您的解決方案,也許它很好;) –

+0

@你的代碼是不錯的.. – K6t

回答

0

只是嘗試dis.coding

$(document).ready(function() { 
      $('ul#list li:gt(5)').not('#not-this').hide(); 
      $('.click-me').click(function() { 
       $('ul#list li:gt(5)').not('#not-this').toggle('slow'); 
      }); 
     });