<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div id="signupbox" style=" margin-top:10px" class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2"> <div class="panel panel-info"> <div class="panel-heading"> <div class="panel-title">Call Manager - Entry</div> <div style="float:right; font-size: 85%; position: relative; top:-10px"></div> </div> <div class="panel-body" > <form method="post" action="."> <!-- <div id="div_id_select" class="form-group required"> <label for="id_select" class="control-label col-md-4 requiredField"> Entry Type<span class="asteriskField">*</span> </label> <div class="controls col-md-8 " style="margin-bottom: 10px"> <label class="radio-inline"><input type="radio" checked="checked" name="select" id="New Entry" value="S" style="margin-bottom: 10px">Knowledge Seeker</label> <label class="radio-inline"> <input type="radio" name="select" id="id_select_2" value="P" style="margin-bottom: 10px">Knowledge Provider </label> </div> </div> <div id="div_id_As" class="form-group required"> <label for="id_As" class="control-label col-md-4 requiredField">As<span class="asteriskField">*</span> </label> <div class="controls col-md-8 " style="margin-bottom: 10px"> <label class="radio-inline"> <input type="radio" name="As" id="id_As_1" value="I" style="margin-bottom: 10px">Individual </label> <label class="radio-inline"> <input type="radio" name="As" id="id_As_2" value="CI" style="margin-bottom: 10px">Company/Institute </label> </div> </div>--> <div id="div_callMgrCompanyName" class="form-group required"> <label for="callMgrCompanyName" class="control-label col-md-4 requiredField"> Company Name<span class="asteriskField">*</span> </label> <div class="controls col-md-8 "> <input class="input-md textinput textInput form-control" id="callMgrCompanyName" maxlength="30" name="callMgrCompanyName" placeholder="Entry Comapny Name" style="margin-bottom: 10px" type="text" /> </div> </div> <div id="div_callMgrContactName" class="form-group required"> <label for="callMgrContactName" class="control-label col-md-4 requiredField"> Contact Name<span class="asteriskField">*</span> </label> <div class="controls col-md-8 "> <input class="input-md textinput form-control" id="callMgrContactName" name="callMgrContactName" placeholder="Enter a Contact Name" style="margin-bottom: 10px" type="text" /> </div> </div> <div id="div_callMgrContactEmail" class="form-group required"> <label for="callMgrContactEmail" class="control-label col-md-4 requiredField">Contact Email<span class="asteriskField">*</span> </label> <div class="controls col-md-8 "> <input class="input-md emailinput form-control" id="callMgrContactEmail" name="callMgrContactEmail" placeholder="Enter Contact Email" style="margin-bottom: 10px" type="password" /> </div> </div> <div id="div_callMgrContactPhone" class="form-group required"> <label for="div_callMgrContactPhone" class="control-label col-md-4 requiredField">Contact Phone<span class="asteriskField">*</span> </label> <div class="controls col-md-8 "> <input class="input-md textinput form-control" id="callMgrContactEmail" name="div_callMgrContactPhone" placeholder="Enter Contact Phone" style="margin-bottom: 10px" type="password" /> </div> </div> <div id="div_callMgrAbout" class="form-group required"> <label for="callMgrAbout" class="control-label col-md-4 requiredField">Call Title<span class="asteriskField">*</span> </label> <div class="controls col-md-8 "> <input class="input-md textInput form-control" id="callMgrAbout" name="callMgrAbout" placeholder="Short title for this call" style="margin-bottom: 10px" type="text" /> </div> </div> <div id="div_callProductTopic" class="form-group required"> <label for="callProductTopic" class="control-label col-md-4 requiredField">Details<span class="asteriskField">*</span> </label> <div class="controls col-md-8 " style="margin-bottom: 10px"> <input class="input-md textInput form-control" id="callProductTopic" name="callProductTopic" placeholder="Select Product" style="margin-bottom: 10px" type="text" /> </div> </div> <div id="div_callMgrNotes" class="form-group required"> <label for="callMgrNotes" class="control-label col-md-4 requiredField">Call Details<span class="asteriskField">*</span> </label> <div class="controls col-md-8 "> <textarea class="form-control" name="callMgrNotes" id="callMgrNotes" style="margin-bottom: 10px">Enter Notes Here</textarea> </div> </div> <div id="div_id_catagory" class="form-group required"> <label for="id_catagory" class="control-label col-md-4 requiredField"> catagory<span class="asteriskField">*</span> </label> <div class="controls col-md-8 "> <input class="input-md textinput textInput form-control" id="id_catagory" name="catagory" placeholder="skills catagory" style="margin-bottom: 10px" type="text" /> </div> </div> <div id="div_id_number" class="form-group required"> <label for="id_number" class="control-label col-md-4 requiredField"> contact number<span class="asteriskField">*</span> </label> <div class="controls col-md-8 "> <input class="input-md textinput textInput form-control" id="id_number" name="number" placeholder="provide your number" style="margin-bottom: 10px" type="text" /> </div> </div> <div id="div_id_location" class="form-group required"> <label for="id_location" class="control-label col-md-4 requiredField"> Your Location<span class="asteriskField">*</span> </label> <div class="controls col-md-8 "> <input class="input-md textinput textInput form-control" id="id_location" name="location" placeholder="Your Pincode and City" style="margin-bottom: 10px" type="text" /> </div> </div> <div class="form-group"> <div class="controls col-md-offset-4 col-md-8 "> <div id="div_id_terms" class="checkbox required"> <label for="id_terms" class=" requiredField"> <input class="input-ms checkboxinput" id="id_terms" name="terms" style="margin-bottom: 10px" type="checkbox" /> Agree with the terms and conditions </label> </div> </div> </div> <div class="form-group"> <div class="aab controls col-md-4 "></div> <div class="controls col-md-8 "> <input type="submit" name="Signup" value="Signup" class="btn btn-primary btn btn-info" id="submit-id-signup" /> or <input type="button" name="Signup" value="Sign Up with Facebook" class="btn btn btn-primary" id="button-id-signup" /> </div> </div> </form> </form> </div> </div> </div> </div>

$(document).ready(function() { var enrollType; // $("#div_id_As").hide(); $("input[name='As']").change(function() { memberType = $("input[name='select']:checked").val(); providerType = $("input[name='As']:checked").val(); toggleIndividInfo(); }); $("input[name='select']").change(function() { memberType = $("input[name='select']:checked").val(); toggleIndividInfo(); toggleLearnerTrainer(); }); function toggleLearnerTrainer() { if (memberType == 'P' || enrollType=='company') { $("#cityField").hide(); $("#providerType").show(); $(".provider").show(); $(".locationField").show(); if(enrollType=='INSTITUTE'){ $(".individ").hide(); } } else { $("#providerType").hide(); $(".provider").hide(); $('#name').show(); $("#cityField").hide(); $(".locationField").show(); $("#instituteName").hide(); $("#cityField").show(); } } function toggleIndividInfo(){ if(((typeof memberType!=='undefined' && memberType == 'TRAINER')||enrollType=='INSTITUTE') && providerType=='INDIVIDUAL'){ $("#instituteName").hide(); $(".individ").show(); $('#name').show(); } else if((typeof memberType!=='undefined' && memberType == 'TRAINER')|| enrollType=='INSTITUTE'){ $('#name').hide(); $("#instituteName").show(); $(".individ").hide(); } } });