Или
$(function(){
$('.moveout_go').on('click', function () {
//2 вариант
$(this).nextAll('.moveout_body').eq(0).slideToggle(200);
});
});
|
Цитата:
Цитата:
|
:)
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
$('.moveout_go').on('click', function () {
//1 вариант $(this).nextAll('.moveout_body:first').slideToggle(200);
$(' ~ .moveout_body:first', this).slideToggle(200); //2 вариант
//3 вариант $('.moveout_body').eq($('.moveout_go').index(this)).slideToggle(200);
});
});
</script>
</head>
<body>
<ul>
<li><br>
<span class="moveout_go">123</span><br>
<div class="moveout_body">456</div>
<br>
<span class="moveout_go">123</span><br>
<div class="moveout_body">456</div>
<br>
<span class="moveout_go">123</span><br>
<div class="moveout_body">456</div>
</li>
</ul>
</body>
</html>
|
Rise, ksa, рони, спасибо, господа! :)
рони, ваш сарказми и иронию оценил :) Блин, ну нет у меня времени погружаться в jquery.((( Вы не представляете как бы я был рад, если бы у меня было время на изучение JS, но это только мечты... Остановился на этих вариантах: <script>
$(function() {
$(".moveout_go").on('click', function(){
var $moveout_body = $(this).nextAll('.moveout_body').first();
if ($moveout_body.is(":hidden")) {
$moveout_body.slideDown(200);
} else {
$moveout_body.slideUp(200);
}
return false;
});
});
</script>
<script>
$(function() {
$(".moveout_go").on('click', function(){
var moveout_body = $(this).nextAll('.moveout_body').eq(0);
if ($moveout_body.is(":hidden")) {
$moveout_body.slideDown(200);
} else {
$moveout_body.slideUp(200);
}
return false;
});
});
</script>
не знаю какой выбрать, но мне кажется по производительности они на одном уровне, если не так, то помогите с выбором. ps Цитата:
Цитата:
pps Rise и рони что-то не даёт сайт карму поднять, пишет что сначала надо кому-то ещё это сделать. Странная система конечно. |
Цитата:
if ($moveout_body.is(":hidden"))
|
Цитата:
$(function() {
$(".moveout_go").on('click', function(){
var $this = $(this), $mb = $this.nextAll('.moveout_body').eq(0);
$this.toggleClass("top_arr");
$mb.slideToggle(200);
return false;
});
});
А ещё подскажите, плз, имеет ли смысл в данном случае объявлять переменные или лучше всё указать вот так? $(function() {
$(".moveout_go").on('click', function(){
$(this).toggleClass("top_arr");
$(this).nextAll('.moveout_body').eq(0).slideToggle(200);
return false;
});
});
|
Цитата:
Цитата:
$(function() {
$(".moveout_go").on('click', function(){
$(this).toggleClass("top_arr")
.nextAll('.moveout_body').eq(0).slideToggle(200);
return false;
});
});
|
рони, спасибо!
|
Цитата:
Но цепочка методов вполне допустима. ;) Т.е. $(function() {
$(".moveout_go").on('click', function(){
var obj=$(this);
obj.toggleClass("top_arr");
obj.nextAll('.moveout_body').eq(0).slideToggle(200);
return false;
});
});
Или$(function() {
$(".moveout_go").on('click', function(){
$(this).toggleClass("top_arr").nextAll('.moveout_body').eq(0).slideToggle(200);
return false;
});
});
|
Цитата:
|
| Часовой пояс GMT +3, время: 14:47. |