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

Filed under:
|
|

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

Related posts about jQuery

Related posts about select