[JavaScript]Pobieranie danych z CSS Opcje

[Sueroski]

Witam mam problem. Chciałbym zrobić powoli zanikające okienko, więc wykombinowałem coś takiego:

[HTML] pobierz, plaintext 
<style type="text/css">
#tresc{
    position: absolute;
    width: 100px;
    height: 100px;
    margin-top:  120px;
    margin-left: 120px;
    opacity: 1;
    filter: alpha(opacity=100);
}
</style>
<script type="text/javascript">
function display(){
    document.getElementById('tresc').style.opacity=document.getElementById('tresc').style.opacity-0.01;
}
</script>
<a onclick="document.getElementById('tresc').style.visibility='visible';setTimeout('display()',100)" href="#">a</a>
<div id="tresc">a <a onclick="document.getElementById('tresc').style.visibility='hidden';" href="#">a</a></div>
[HTML] pobierz, plaintext 

Niestety po kliknięciu na przycisk okienko (ten div z "a" i zamykającym okno "x") całkowicie znika zamiast stopniowo robić się przeźroczyste. Podejrzewam, że po prostu nie może odczytać coś danych z css. Pytanie tu - jak to zrobić?

[Sueroski]

Ok. Dzięki za porady (IMG:style_emoticons/default/smile.gif)
Jednak muszę was jeszcze troszkę pomęczyć (IMG:style_emoticons/default/haha.gif)
Otóż warunek nie chce się spełnić. Postawiłem alert, żeby mi pokazywał wartość "a" i przy 3 wykonaniu odliczenia wychodzi "0.7000000000000001" i dalej ten błąd się cały czas ciągnie i warunek nie może się wykonać. JS kiepski z matmy, że nie potrafi poprawnie odliczać po 0.1? Proszę o pomoc (zaś (IMG:style_emoticons/default/haha.gif) )

[HTML] pobierz, plaintext 
<style type="text/css">
#tresc{
    position: absolute;
    width: 100px;
    height: 100px;
    margin-top:  120px;
    margin-left: 120px;
    opacity: 1;
    filter: alpha(opacity=100);
}
</style>
<script type="text/javascript">
a=1;
function close(){
    document.getElementById('tresc').style.opacity=a-0.1;
    a=a-0.1;
    alert(a)
    if(a==0){
        clearInterval(intervalID)
        alert('close end')
    }
}
function open(){
    document.getElementById('tresc').style.opacity=a+0.1;
    a=a+0.1;
    if(a==1){
        clearInterval(intervalID)
        alert('open end')
    }
}
</script>
<a onclick="intervalID =setInterval('open()',10)" href="#">a</a>
<div id="tresc">a <a onclick="intervalID=setInterval('close()',10)" href="#">a</a></div>
[HTML] pobierz, plaintext