есть код
$(function(){
// $('.slider').hide();
var select = $('.slider:first-child');
// select.show();
$('.next').click(function(){
select.hide();
select=select.next();
if (!select.length){
select= $('.slider:first-child');
}
select.show();
return false;
}); });
и вот это:
<div id="start">
<div class="slider"></div>
<div class="slider">Hi my name Vuchastyi Igor</div>
<div class="slider">Hi my name Vuchastyi Igddor</div>
</div>
<div id="next" class="demo">
<a href="#" class="next">next</p>
</div>
и вот это
#start{
background-color: rgba(0, 0, 0, 0.3);
position:fixed;
left:0%;
top: 0%;
right:0%;
bottom: 0%;
width: 100%;
height: 100%;
}
#next{
background-color: rgba(255, 0, 0, 0.3);
position:fixed;
right:2%;
bottom: 2%;
width: 6%;
height: 3%;
}
.slider:not(:first-child){
display: none;
}
Вопрос в следующем: мне нужно чтоб по окончанию всех div с классом slider, div с id="next" менял текст на close, и при нажатии на close закрывалось два дива: id=start и id=next
большое спасибо)))
