jQuery if statement problem

jQuery if statement problem

Hi everyone 

I am working on my smart home project for college.

I am using jQuery to change value of the buttons however it doesn't work as desired
Whenever to floors are shown I would like to change the 3rd value (both floors) as well 

Included code

  2. $(document).ready(function() {

  4.     $("#groundfloor").click(function() {
  5.         // changing attributes of the buttons
  6.         if ($(this).text() == "Show ground floor") {
  7.             $(this).text("Hide ground floor");
  8.         }

  10.         else if ($(this).text() == "Hide ground floor") {
  11.             $(this).text("Show ground floor");
  12.         }
  13.         else {
  14.             console.log("Error");
  15.         }
  16.     });
  17.     $("#firstfloor").click(function() {
  18.         // changing attributes of the buttons
  19.         if ($(this).text() == "Show first floor") {
  20.             $(this).text("Hide first floor");
  21.         }

  23.         else if ($(this).text() == "Hide first floor") {
  24.             $(this).text("Show first floor");
  25.         }
  26.         else {
  27.             console.log("Error");
  28.         }
  29.     });
  30.     $("#bothfloor").click(function() {
  31.         // changing attributes of the buttons
  32.         if ($(this).text() == "Show both floors") {
  33.             $(this).text("Hide both floors");
  34.             $("#groundfloor").text("Hide ground floor");
  35.             $("#firstfloor").text("Hide first floor");
  36.         }

  38.         else if ($(this).text() == "Hide both floors") {
  39.             $(this).text("Show both floors");
  40.             $("#groundfloor").text("Show ground floor");
  41.             $("#firstfloor").text("Show first floor");
  42.         }
  43.         else {
  44.             console.log("Error");
  45.         }
  46.         if (("#groundfloor".text() == "Hide ground floor") && ("#firstfloor".text() == "Hide first floor")) {
  47.             $("#bothfloor").text = "Hide both floors";
  48.         }
  49.         else if (("#groundfloor".text() == "Show ground floor") && ("#firstfloor".text() == "Show first floor")) {
  50.             $("#bothfloor").text = "Show both floors";
  51.         }
  52.     });

  54. });