toggle() - hide()/show() di una immagine in una lista html

[donpelajo]

Buongiorno,

Potrebbe sembrare una domanda di poco conto ma sono bloccato su una cosa all'apparenza semplicissima:

Ho una lista html, accanto ad ogni suo elemento ho una piccola immagine che deve essere caricata. Quando mi trovo con il mouse sulla posizione specificata ovvero su un elemento piuttosto che su un altro, voglio che questa immagine venga visualizzata di fianco alla suddetta voce.

Ecco che di fronte a questa situazione in html

<li class="testOne">[img]angle.gif[/img]Test one

E di fronte a questa in jquery

$(document).ready(function(){
$(".angle").hide();
});

$(".testOne").click(function(){
if ($(".angle").is(":hidden")) $(".angle").show(); else $(".angle").hide();
});

L'immagine sì viene nascosta ma al mouseover non succede niente.

La maggior parte degli esempi che vedo in giro fanno sempre riferimento all'utlizzo di un apposito tag button, che a me non interessa.

Qualche soluzione?

Sono cose che possono servirti tutti i giorni

[cavicchiandrea]

Non c'è l'evento mouseover hai click e poi dovrai metterlo dentro al document.ready vedi anche Qui

[donpelajo]

Ciao Andrea, ho provato a fare quello che mi hai detto ma non ottengo nessun effetto

$(document).ready(function(){

$(".angle").hide();

$("testOne").mouseover(function(){
$(".angle").show();
});
});

Ho visto gli esempi ma non mi sembrano così chiarificatori e non mi sembra che il $(document).ready venga sempre specificato. Dove sta lo sbaglio?

[lucavizzi]

<li class="testOne">[img]angle.gif[/img]Test one
$(function(){
    $(".angle").hide();
    $(".testOne").hover(
        function(){
            $('.angle',$(this)).show();
        },
        function(){
            $('.angle',$(this)).hide();
        }
    );
});

[donpelajo]

Grazie mille!