stackoverflow answer q#10901170

http://stackoverflow.com/questions/10901170/minor-tweak-to-this-javascript-function

by Rykus0

HTML

<div id="hidden" class="steps">
    <div class="section" style="margin-right: 10px;">
        <h2>Something</h2>
    </div>
    <button class="continue dropdown" id="showLink" onClick="return showfields(this);" href="#">Continue</button>
</div>
<div id="hidden2" class="steps">
    <div class="section" style="margin-right: 10px;">
        <h2>Something2</h2>
    </div>
    <button class="continue dropdown" id="showLink" onClick="return showfields(this);" href="#">Continue</button>
</div>
<div id="hidden3" class="steps">
    <div class="section" style="margin-right: 10px;">
        <h2>Something3</h2>
    </div>
    <button class="continue dropdown" id="showLink" onClick="return showfields(this);" href="#">Continue</button>
</div>
<div id="hidden4" class="steps">
    <div class="section" style="margin-right: 10px;">
        <h2>Something4</h2>
    </div>
    <button class="continue dropdown" id="showLink" href="#">Continue</button>
</div>

CSS

#hidden2, #hidden3, #hidden4{
    display:none;
}

JavaScript

function showfields(self){       
    if( self.parentNode.nextElementSibling ){            
        self.parentNode.nextElementSibling.style.display='block';
        self.parentNode.style.display='none';
    }
    return false;
    /*
    if(document.getElementById(fields).style.display=='none'){
        document.getElementById(fields).style.display='block';
    }
    else{
        document.getElementById(fields).style.display = 'none';
    }
    */
}