|
Сообщение от new_developer
|
|
если убераю в разметке обвертку блоков <div></div> то перестает работать почему так?)
|
потому что select.next() = <p class="next">next</p>
вы же писали
|
Сообщение от new_developer
|
|
полсе 2 заканчивается всё
|
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.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');
// select.show();
$('.next').click(function(){
select.hide();
select=select.next('.slider');
if (!select.length){
select= $('.slider:first');
}
select.show();
return false;
});
$('.prev').click(function(){
select.hide();
select=select.prev('.slider');
if (!select.length){
select = $('.slider:last');
};
select.show();
return false;
});
});
</script>
</head>
<body>
<div>
<div class="slider">Содержимое1</div>
<div class="slider">Содержимое2</div>
<div class="slider">Содержимое3</div>
<p class="next">next</p><p class="prev">prev</p>
</div>
</body>
</html>