[jQuery] problem z wyświetlaniem Opcje

[sumek]

Witam mam oto taki skrypt w jQuery

[JAVASCRIPT] pobierz, plaintext 
$('#schowaj').click(function(){
    $("#d1").fadeIn().hide();
    });
    $('#pokaz').click(function(){
    $("#d1").fadeIn().show();
    });
[JAVASCRIPT] pobierz, plaintext 

i chcę aby d1 się wyświetlało jak wybiore jakies pole w option
dodaje tam id do wyświetlania tzn

[HTML] pobierz, plaintext 
<option id="id6">tekst</option>
[HTML] pobierz, plaintext 

na firefoxie działa bez problemu, niestety na IE nie działa.

[Czadus]

Z nieco innej beczki, niebardzo rozumiem, dlaczego w schowaj korzystasz z fadein()?

Ten post edytował Czadus 29.10.2009, 12:14:13

[sumek]

Z nieco innej beczki, niebardzo rozumiem, dlaczego w schowaj korzystasz z fadein()?

nie wiem znalazłem taki skrypt i go zastosowałem.

[Czadus]

Wedlug mnie, chcąc coś schować/ukryć powinieneś napisać:

Kod

$('#schowaj').click(function(){
    $("#d1").fadeOut().hide();
});

Możesz pokazać kod, gdzie masz wstawione takie elementy, jak #pokaz, #schowaj itp??

[sumek]

[JAVASCRIPT] pobierz, plaintext 
$('#schowaj').click(function(){
 $("#d1").fadeOut().hide();
 });
 $('#pokaz').click(function(){
 $("#d1").fadeIn().show();
 });
[JAVASCRIPT] pobierz, plaintext 

[HTML] pobierz, plaintext 
<select size="1" name="czas">
<option value="" id="schowaj">- - - - - - - -Brak- - - - - - - -</option>
<option value="cos_tam" id="pokaz">cos tam</option>
</select>
 
--
 
<div id="d1" style="display:none;"> treść </div>
[HTML] pobierz, plaintext 

tak to wygląda.

[Czadus]

W nagłówku kod:

Kod

<script type="text/javascript">
                        // <![CDATA[
                            $(document).ready(function(){
                                $(\'#czas\').change(function(){
                                    $("#czas option:selected").each(function () {
                                        if($(this).attr(\'id\')=="pokaz") {
                                            $("#d1").fadeIn().show();
                                        } else {
                                            $("#d1").fadeOut().hide();
                                        }
                                    });
                                });
                            });
                        // ]]>
                    </script>

w sekcji body:

Kod

<select size="1" name="czas" id="czas">
    <option value="" id="schowaj">- - - - - - - -Brak- - - - - - - -</option>
    <option value="cos_tam" id="pokaz">cos tam</option>
</select>
<div id="d1" style="display:none;"> treść </div>

Przetestowane pod FF 3.5.4 oraz IE 8

[sumek]

Dzięki bardzo. Działa