I have a page which has input forms. Where on page load I hidden two div tags and when I select options from TYPE OF OUTAGE radio button list in the code then the tr tags will appear. Below is the JS used for the functionality. Can anyone help me sort this out.
Attached is the whole code.
<script type="text/javascript">
$(document).ready(function () {
var rows = $('table.someclass tr');
var black = rows.filter('.black').hide();
var white = rows.filter('.white').hide();
$('input[name="rblTypeofOutage"]').change(function () {
if ($(this).val() == "IVR") {
var black = rows.filter('.black').show();
var white = rows.filter('.white').hide();
}
else if ($(this).val() == "GOLD / WITNESS/CBIT/NICE") {
var black = rows.filter('.black').hide();
var white = rows.filter('.white').show();
}
else {
var black = rows.filter('.black').hide();
var white = rows.filter('.white').hide();
}
});
});
</script>
