Помогите решить задачку.

[Андрей_]

Помогите осуществить задачу.
Для плавного появление и исчезания div использую

$(document).ready(function(){
$('.n').hide();
$('.n').delay(3800).fadeIn(1500);
});

но при данном коде не работает скрипт слайдера. Можно ли как-то заменить параметр $('.n').hide(); (display:none не подходит)???
Или помогите осуществить плавную замену стилей класа, например visibility:hidden; на пустой клас.

Спасибо, жду ответа.

[Deff]

<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
<style>
div.WRAP{
 width:100px;
 height:30px;
 margin-top:2px;
}
div.n {
 width:100px;
 height:20px;
 border:1px solid red;
 padding:2px 1em;
 background-color:#C4D8EB;
}
</style>
<div class="WRAP">
  <div class="n visible">1</div>
</div>

<div class="WRAP">
  <div class="n hide">2</div>
</div>
<br />
<button class="show-hide">show-hide</button>


<script type="text/javascript">
$('.show-hide').live('click', function() {
  $("div.n").toggleClass("hide");
  $("div.n").toggleClass("visible");
  $("div.n.hide").fadeOut(1500);
  $("div.n.visible").fadeIn(1500)
});

</script>

[Андрей_]

Спасибо! От слайдера пришлось отказаться, т к не работал даже с этим вариантом решения...

[Deff]

Андрей_,
Есть куча разных слайдеров в Инете под jquery - нун видеть что нужно