js グラデーション表示 グラデーション消える サンプルコード_javascriptスキル

以下はグラデーション JS コードです (3 行以上を非表示にする必要があることを示します。残りを表示するには「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()$("#accomplishmenttable").next().attr("onclick","showAccomplishmentTableRow()").text ("詳細");
return;
}

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

コードをコピー コードは次のとおりです。 bgLightGreyf5f5f5 height40"> ;th class="border_bottom3Pgrey7e7e7 border_right1Pgrey7e7e7 border_top1PWhite fontGreyGeneral textCenterroundCorner_TLverticalMiddle width30P"colspan="2">私の成果

>

border_bottom1Pgrey7e7e7

border_bottom1Pgrey7e7e7

< ; tdクラス= border_bottom1Pgrey7e7e7 border_right1Pgrey7e7e7 fontGreyGeneral p14フォントテキスト左幅80P">
border_bottom1Pgrey7e7e7

border_bottom1Pgrey7e7e7

&