title: Toggle Switch to disable and enable Links
body: <p>In the code below, I have coded a switch that disables and enables my links using CSS. 
  The problem is that my switch is not changing its appearance. It's doing its job (the JavaScript functionality is working), but the appearance isn't. I don't have much experience with </p>
  
  <p>HTML Button:</p>
  
  <pre><code>                &lt;label class="switch" isValue="0"&gt;
                      &lt;div class="slider round"&gt;
                      &lt;/div&gt;
                  &lt;/label&gt;
  </code></pre>
  
  <p>CSS: </p>
  
  <pre><code>.slider:before {
      position: absolute;
      content: "";
      height: 26px;
      width: 26px;
      left: 4px;
      bottom: 4px;
      background-color: white;
      transition: .4s;
  }
  
  input[type="checkbox"]:checked + input[type="hidden"] + .slider,
  input[type="checkbox"]:checked + .slider {
      background-color: #2196F3;
  }
  
  input[type="checkbox"]:focus + input[type="hidden"] + .slider,
  input[type="checkbox"]:focus + .slider {
      box-shadow: 0 0 1px #2196F3;
  }
  
  input[type="checkbox"]:checked + input[type="hidden"] + .slider:before,
  input[type="checkbox"]:checked + .slider:before {
      transform: translateX(26px);
  }
  
   Rounded sliders 
  .slider.round {
      border-radius: 34px;
  }
  
      .slider.round:before {
          border-radius: 50%;
      }
  
  .dim.disabled {
      pointer-events: none;
      background-color: grey;
  }
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>   $(document).on('click', '.switch', function () {
          var v = $(".switch").attr("isValue");
          if (v == 1) {
              $(".switch").attr("isValue", "0");
              $(".dim").removeClass("disabled");
          }
          else {
              $(".switch").attr("isValue", "1");
              $(".dim").addClass("disabled");
          }
      });
  </code></pre>
  
  <p>I know there is something wrong with this because it is of the input type checkbox.</p>
  
  <p>Thank you for any help you can provide. </p>