Monday, 12 August 2013

How to set default value for the button in spoiler?

How to set default value for the button in spoiler?

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
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>

No comments:

Post a Comment