Jquery .Show() .Hide() not working as expected
- by fizgig07
I'm trying to use the show and hide to display a different set of select options when a certain report type is selected. I have a couple problems with this:
The .show .hide only execute properly if I pass params, slow fast, in the the first result of my conditional statement. If I take out the params or pass params in both results, only one select shows and it never changes.. here's is the code that currently kind of works.
if ($('#ReportType').val() == 'PbuseExport')
{
$('#PbuseServices').show('fast');
$('#ReportServiceDropdown').hide('fast');
}
else
{
$('#PbuseServices').hide();
$('#ReportServiceDropdown').show();
}
After i've used this control I am taken to a differnt page. When I use the control again, it reatins the original search values and repopulates the control. Then again I only want to show one select option if a certain report is chosen.. This works correctly if the report type I originally searched on is not the "PbuseExport". If I searched on the report type "PbuseExport", then both selects show on the screen, and only until I change the report type does it show only one select. I know this probably isn't very clear..
Here is the code that handles the change event on the report type drop down.
var serviceValue = $("#ReportType").val();
switch (serviceValue)
{
case 'PbuseExport':
$('#PbuseServices').show('fast');
$('#ReportServiceDropdown').hide('fast');
default:
$('#PbuseServices').hide();
$('#ReportServiceDropdown').show();
break;
}
