Test Case Boilerplate

Fork this way...

HTML

<form action="" method="post">
    <div id="container1" class="category_collapse">Contact Information</div>
    <div id="container1_content" class="category_collapse_container">
        <label for="name">Name<span class="req">*</span></label>
        <input  name="name" type="text" value="" />
    </div>
    <div id="container2" class="category_collapse">Company / User Details</div>
    <div id="container2_content" class="category_collapse_container" style="display: none;">
        <label for="Industry">Industry</label>
        <select name="Industry">
            <option value="Select...">Select...</option>
            <option value="Retail">Retail</option>
            <option value="Hospitality">Hospitality</option>
            <option value="Health Care">Health Care</option>
            <option value="Education">Education</option>
            <option value="Event / Display ">Event / Display</option>
            <option value="Software / IT">Software / IT</option>
            <option value="Government">Government</option>
            <option value="Other">Other</option>
         </select>
     </div>
</form>

CSS

form input,
form select,
form textarea
{
    border: 1px solid #d5d5d5;
}
.category_collapse {
    cursor: pointer;               
}

JavaScript

$(document).ready(function() {
    $(".category_collapse").click(function() {    
        $('.category_collapse_container').slideUp("normal");
        $('#'+$(this).attr('id')+'_content').slideDown("normal"); 
    });
});