When I click on ".moreabout" the text successfully changes to "Read Less" but not vice-versa

gistfile1.txt

$(".moreabout").click(function(){
  $(".moreabouttext").slideToggle();
    if ($(".moreabout").css("display") == "none") {
      $(".moreabout").text("Read More");
      } 
    else {
      $(".moreabout").text("Read Less");
    }
});