I have this spoiler code.

HTML: 

```
<input type='button' class="splLink" value='Show'>
<div class="splCont">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br />
    <input type='button' class="splLink" value='Show'>
    <div class="splCont">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br />
        <input type='button' class="splLink" value='Show'>
        <div class="splCont">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
        </div>
    </div>
</div>

```

JavaScript:

```
$(document).ready(function() {
    $(".splLink").click(function() {
        $(this).next().slideToggle("fast");
        $(this).val($(this).val() == 'Show' ? 'Hide' : 'Show'); 
        return false; 
    });
});

```

CSS:

```
.splCont {
    display: none; 
    padding-top: 10pt;
}
.splLink {
    font-family: arial, verdana, ms sans serif;
    cursor: pointer;
}

```

Example: [JSFIDDLE](http://jsfiddle.net/BrNQL/)

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:

```
<input type='button' class="splLink">
<div class="splCont">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
</div>

```