데이터 양쪽 방향으로 텍스트 전환

Question

"더보기"및 데이터보기가 적은 "텍스트를 전환하려고하는데 스크립트가 거의 작동하지만"표시가 적음 "텍스트로 바뀌면 멈추지 않아야합니다. . 내가 내 함수에서 실종 무엇은 "덜", "더보기"전환을 재개하기 여기

내 jsfiddle : http://jsfiddle.net/Manna/3Ndcg/1/

<div class ="scorer_filter"> 
<a href="#" class="hide_full_list" data-less="Show Less" data-more="Show More" data-table-id="32301" id="toggle">Show More</a> 
</div> 

    $(function() { 
    $(".scorer_filter").on("click", ".hide_full_list", function(){ 
    var txt = "Show More" ? $('#toggle').data("less") : $('#toggle').data("more"); 
    $('#toggle').text(txt); 
}); 

});

Answer 1

당신은 테스트되지를 " txt "변수를 추가해야합니다. 수행 한 결과는 다음과 같습니다.

012

http://jsfiddle.net/3Ndcg/2/

Answer 2

Here you go 3,516,

var txt = $('#toggle').text(); 
txt = (txt == "Show More") ? $('#toggle').data("less") : $('#toggle').data("more"); 

는 :

$(function() { 
    $(".scorer_filter").on("click", ".hide_full_list", function(){ 
     var txt = $(this).text() == "Show More" ? $(this).data("less") : $(this).data("more"); 
     $(this).text(txt); 
    }); 
    }); 

Answer 3

var txt = "Show More" ? $('#toggle').data("less") : $('#toggle').data("more");

고장, 항상 TXT에 "더 많이 표시"를 넣을 수 있습니다. 다음과 같이 시도해보세요.

$(function() { 
     $(".scorer_filter").on("click", ".hide_full_list", function(){ 
      if ($('#toggle').data("less")) { 
       $('#toggle').data("less",false).text("Show less"); 
      } else { 
       $('#toggle').data("less",true).text("Show more"); 
      } 
     }); 
    });