vuchastyi,
так?
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
#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: 15%;
width: 6%;
height: 3%;
}
.slider:not(:first-child){
display: none;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function(){
// $('.slider').hide();
var select = $('.slider:first-child');
// select.show();
$('.next').click(function(){
select.hide();
select=select.next();
if (select.length){
select.show();
}
else{
$('#start, #next').hide()
}
return false;
}); });
</script>
</head>
<body> <div id="start">
<div class="slider">1</div>
<div class="slider">2Hi my name Vuchastyi Igor</div>
<div class="slider">3Hi my name Vuchastyi Igddor</div>
</div>
<div id="next" class="demo">
<a href="#" class="next">next</a>
</div>
</body>
</html>