Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   Помогите решить задачку. (https://javascript.ru/forum/css-html/29301-pomogite-reshit-zadachku.html)

Андрей_ 22.06.2012 18:03

Помогите решить задачку.
 
Помогите осуществить задачу.
Для плавного появление и исчезания div использую
$(document).ready(function(){
$('.n').hide();
$('.n').delay(3800).fadeIn(1500);
});
но при данном коде не работает скрипт слайдера. Можно ли как-то заменить параметр $('.n').hide(); (display:none не подходит)???
Или помогите осуществить плавную замену стилей класа, например visibility:hidden; на пустой клас.

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

Deff 23.06.2012 00:04

<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>

Андрей_ 26.06.2012 16:18

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

Deff 26.06.2012 16:21

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


Часовой пояс GMT +3, время: 09:23.