title: How to set default value for the button in spoiler?
body: <p>I have this spoiler code.</p>
  
  <p>HTML:  </p>
  
  <pre><code>&lt;input type='button' class="splLink" value='Show'&gt;
  &lt;div class="splCont"&gt;
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&lt;br /&gt;
      &lt;input type='button' class="splLink" value='Show'&gt;
      &lt;div class="splCont"&gt;
          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. &lt;br /&gt;
          &lt;input type='button' class="splLink" value='Show'&gt;
          &lt;div class="splCont"&gt;
              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>$(document).ready(function() {
      $(".splLink").click(function() {
          $(this).next().slideToggle("fast");
          $(this).val($(this).val() == 'Show' ? 'Hide' : 'Show'); 
          return false; 
      });
  });
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.splCont {
      display: none; 
      padding-top: 10pt;
  }
  .splLink {
      font-family: arial, verdana, ms sans serif;
      cursor: pointer;
  }
  </code></pre>
  
  <p>Example: <a href="http://jsfiddle.net/BrNQL/" rel="nofollow">JSFIDDLE</a></p>
  
  <p>Can anyone tell me how to add the default value for the button in code,
  that I could use the spoiler in html without value attribute? Something like that:</p>
  
  <pre><code>&lt;input type='button' class="splLink"&gt;
  &lt;div class="splCont"&gt;
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
  &lt;/div&gt;
  </code></pre>