title: How to show and hide a button using javascript?
body: <p>I tried to  show and hide a button in <code>&lt;fieldset&gt;</code> by a javascript function.But it is not working.I did not find my mistake.</p>
  
  <p>My FieldSet :</p>
  
  <pre><code>&lt;fieldset class="buttons"&gt;
    &lt;dx:ASPxButton ID="btn11" runat="server" Text="Buton 1"&gt;
    &lt;/dx:ASPxButton&gt;
  &lt;/fieldset&gt;
  </code></pre>
  
  <p>My checkbox :</p>
  
  <pre><code>&lt;input class="checkbox" id="ShowHideButton" name="ShowHideButton" type="checkbox" onchange="valueChanged()" /&gt;
  &lt;label for="ShowHideButton"&gt;ShowHideButton&lt;/label&gt;
  </code></pre>
  
  <p>And my JavaScript function.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
    function valueChanged() {
      if ($('#ShowHideButton').is(":checked"))
        $(".buttons").show();
      else
        $(".buttons").hide();
    }
  &lt;/script&gt;
  </code></pre>