[vuchastyi]

есть код

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