[Resolvido] Mostrar uma div de acordo com o valor de um combo

A minha tarefa é, caso o usuário clique num combo (dropDownListRow) e tenha escolhido o item outros, deve mostrar um campo para descrever o conteúdo.

Então fiz um código pra saber se o cara clicou em outros.

    <script  src  =  "http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"  type = "text/javascript" ></script>

    <script>

        $ ( document ). ready ( function ()

        {

            var dropdown = $ ( '#Conta_Cod_Campanha' );

            dropdown . change ( function ( e )

            {

                var d = $( "#Conta_Cod_Campanha option:selected" ).text();

                if ( d == 'Outros' )

                {

                    // $('#divCampanha').show();

                    document.getElementById("divCampanha").style.visibility = "visible";

                    // alert('deve mostrar');

            }

                else

                {

                    document.getElementById("divCampanha").style.visibility = "none";

                    // $('#divCampanha').hide();

                }

            });

        });

    </script>

Coloquei a div para invisível e o código identifica quando se clica em outros.

Mas não mostra

Tentei com as duas opções

$(’#divCampanha’).show();

e

document.getElementById("divCampanha").style.visibility = "visible";

Mas o danado não aparece

então tem alguma ideia ?

Resolvi, utilizei uma outra instrução pra deixar visivel e invisível

                var d = $( "#Conta_Cod_Campanha option:selected" ).text();

                var oVDiv=document.getElementById("divCampanha");

                if ( d == 'Outros' )

                {

                    oVDiv.style.display = 'block';

            }

                else

                {

                    oVDiv.style.display = 'none';

                }

Vlw Xevious, estava precisando desse exemplo tbm…