My question involves a Select Option
<select class="input_select" name="customer_type" id="central_company">
<option value="standard">Standard</option>
<option value="central">Central Station</option>
</select>
and I also have a button
<div class="standardbutton">
<label class="button_label">
<input type="submit" class="standardbutton" name="button1" value="Submit Form" />
</label>
</div>
When this button is clicked, the following Jquery function is used:
// Show Special Form Elements
$(".cleantestbox").hide();
$('#central_company').change(function() {
var option = $(this).find('option:selected');
$('.cleantestbox').toggle(option.hasClass('central'));
$('.standardbutton').toggle(option.hasClass('standard'));
}).change();
I am facing an issue where the standard button class is not hiding and the .cleantestbox div is not showing as expected. It was working before but now it's not functioning properly. Any suggestions on what might be causing this unexpected behavior?