Sie müssen den Namen und die Funktion "Load More" nach dem Laden des gesamten Inhalts auf "Show Less" ändern

Question

Das Skript funktioniert einwandfrei! Aber Ich muss den Namen und die Funktion der Schaltfläche von "Mehr laden" auf "Weniger anzeigen" ändern, nachdem alle Inhalte geladen wurden.

Eine Antwort ist hier Stackoverflow:Load more button should disappear Aber keine fade Animation in dieser Antwort.

Gebrauchte Code: https://codepen.io/vishnuprasad/pen/oBzqpd

$(function() { 
    $("div").slice(0, 4).show(); 
    $("#loadMore").on('click', function (e) { 
     e.preventDefault(); 
     $("div:hidden").slice(0, 4).slideDown(); 
     if ($("div:hidden").length == 0) { 
      $("#load").fadeOut('slow'); 
     } 

    }); 
}); 

Answer 1

schreiben Mehr laden in Label-Tag mit der ID.

<label id="lblLoad">Load More</label> 

in Ihrer Funktion Ihre ID hinzufügen

$('#lblLoad').html("Show Less"); 

Änderung mit

$("#loadMore").attr("id", "loadLess"); 

jetzt weniger eine neue Funktion für klicken Sie auf id #LOAD schreiben.

Hier ist Fiddle. Ich habe hier eine Warnung ausgelöst, aber du kannst tun, was immer du willst. Ich hoffe es hilft.