2011-09-01 4 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

dis.coding하려고 다음과 같습니다 : 유 싶어 변경합니까 통해 UR "저를 클릭" "내게 보여줘"또는 "나를 숨기기"로, – K6t

+0

나는 해결했다. 그러나 어쨌든 그 해결책을 게시해라.) –

+0

@your code is nice .. – K6t

답변

0

그냥

$(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'); 
      }); 
     }); 
관련 문제