Jquery .Show() .Hide() not working as expected
Posted
by fizgig07
on Stack Overflow
See other posts from Stack Overflow
or by fizgig07
Published on 2010-03-16T18:27:19Z
Indexed on
2010/03/16
18:31 UTC
Read the original article
Hit count: 286
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;
}
© Stack Overflow or respective owner