JQuery

Hej alle,
her kommer lige et spørgsmål på et område hvor jeg er ret så grøn.

Som I kan se nedstående så har jeg nogle div som der er mouseover effect på via JQuery fade og via tryk på pågælende div indhentes tilhørende data. Alt det virker fint.

Nu er det så at jeg gerne vil have at den "aktive" nyhed til ikke at fade ved mouse over.

Nogen gode forslag?

<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function() {
  $('.section').css({opacity: '0.8'});
    $('.section').hover(function(){
        $(this).fadeTo(0, 1);

    },function(){
        $(this).fadeTo(0, 0.8);
    });
})
</script>

<div id="nyhed_01" onClick="window.open('nyhed_01','_self');" class="section">
    Nyhed 1
</div>

<div id="nyhed_02" onClick="window.open('nyhed_02','_self');" class="section">
    Nyhed 2
</div>

<div id="nyhed_03" onClick="window.open('nyhed_03','_self');" class="section">
    Nyhed 3
</div>