js 그라디언트 표시 그라디언트가 사라집니다. 샘플 code_javascript 기술

다음은 그래디언트 js 코드입니다(세 줄 이상을 숨겨야 함을 나타냅니다. 나머지를 표시하려면 "more"를 클릭하고 점차적으로 숨기려면 "less"를 클릭하십시오).

코드 복사 코드는 다음과 같습니다:

function showAccomplishmentTableRow(){
$("#accomplishmenttable tr:hidden").first(). show(2000,function( ){
showAccomplishmentTableRow();
})
if($("#accomplishmenttable tr:hidden").size()==0){
$( "#accomplishmenttable").next().attr("onclick","hideAccomplishmentTableRow()").text("Less");
}
}
function hideAccomplishmentTableRow(){
if ($("#accomplishmenttable tr:visible").size()<=3){
$("#accomplishmenttable").next().attr("onclick","showAccomplishmentTableRow()").text ("자세히");
return;
}

$("#accomplishmenttable tr:visible").last().hide(2000,function(){
hideAccomplishmentTableRow() ;
}) ;

}

html

코드 복사 코드는 다음과 같습니다.

bgLightGreyf5f5f5 height40"> ;th class="border_bottom3Pgreye7e7e7 border_right1Pgreye7e7e7 border_top1PWhite 글꼴GreyGeneral textCenter roundedCorner_TL VerticalMiddle width30P" colspan="2">내 성취





<클래스 ="border_bottom1Pgreye7e7e7 border_right1Pgreye7e7e7 글꼴GreyGeneral p14Font width20P">

border_bottom1Pgreye7e7e7

Bottom1Pgreye7e7e7 border_right1Pgreye7e7e7 글꼴GreyGeneral p14글꼴 텍스트Left width80P">
border_bottom1Pgreye7e7e7

border_bottom1Pgreye7e7e7

TD 클래스=" border_bottom1Pgreye7e7e7 border_right1Pgreye7e7e7 글꼴GreyGeneral p14Font textLeft width80P">
border_bottom1Pgreye7e7e7

&