нужно чтобы при клике на блок class="trg_no_active открывались скрытые блоки, которые находятся под тем блоком на который кликнули. но нужно открыть не все а только которые имеют отступ текущий+25. т.е. если кликнем на блок который имеет отступ 25 то открыть 25+25=50 отступ
var n=Number(margin); // 25
var k=n+25;
var i=$(this).attr("id"); // 6
$("div[data="+k+"]").each(function(){
if ($(this).attr("data")==n) return false;
$(".block_for_users_no_active[data="+k+"]").show();
});
<div align="center" id="wrapper">
<div style="width: 990px; height: 40px;">
<div class="block_for_users_name" style="width: 120px;">Логин</div>
<div class="block_for_users_name" style="width: 80px;">Пароль</div>
<div class="block_for_users_name" style="width: 200px;">Название</div>
<div class="block_for_users_name" style="width: 40px;">А</div>
<div class="block_for_users_name" style="width: 40px;">B</div>
<div class="block_for_users_name" style="width: 40px;">C</div>
<div class="block_for_users_name" style="width: 40px;">D</div>
<div class="block_for_users_name" style="width: 40px;">прицеп</div>
<div class="block_for_users_name" style="width: 120px;">Город</div>
<div class="block_for_users_name" style="width: 100px;">Права</div>
<div class="block_for_users_name" style="width: 150px;">Действия</div>
</div>
<div style="width: 990px; height: 40px; "><div style="margin-left:0px; width: 120px; text-align:left" class="block_for_users">
<div>
<div class="trg_no_active" data="0"></div>
<div style="float:left">elisov</div>
</div></div>
<div class="block_for_users" style="width: 80px;">698698</div>
<div class="block_for_users" style="width: 200px;">Елисов Алексей</div>
<div class="block_for_users" style="width: 40px;">120</div>
<div class="block_for_users" style="width: 40px;">120</div>
<div class="block_for_users" style="width: 40px;">120</div>
<div class="block_for_users" style="width: 40px;">120</div>
<div class="block_for_users" style="width: 40px;">120</div>
<div class="block_for_users" style="width: 120px;"></div>
<div class="block_for_users" style="width: 100px; padding-top:3px;"><div class="icon_for_blocked"></div><div class="icon_for_add_users"></div><div class="icon_for_add_request"></div></div>
<div class="block_for_users" style="width: 150px;"><span>Изменить</span> </div>
</div>
<div class="block_for_users_no_active">
<div style="margin-left:25px; width: 120px;" data="25" class="block_for_users">
<div class="trg_no_active" data="25"></div>
<div style="float:left">Anna72</div>
</div>
<div class="block_for_users" style="width: 100px; padding-top:3px; "><div class="icon_for_blocked"></div><div class="icon_for_add_users"></div><div class="icon_for_add_request"></div></div>
<div class="block_for_users" style="width: 150px;"><span>Изменить</span> </div>
</div>
<div class="block_for_users_no_active">
<div style="margin-left:25px; width: 120px;" data="25" class="block_for_users">
<div class="trg_no_active" data="25"></div>
<div style="float:left">zina123</div>
</div>
<div class="block_for_users" style="width: 100px; padding-top:3px; "><div class="icon_for_blocked"></div><div class="icon_for_add_users"></div><div class="icon_for_add_request"></div></div>
<div class="block_for_users" style="width: 150px;"><span>Изменить</span> </div>
</div>
<div class="block_for_users_no_active">
<div style="margin-left:25px; width: 120px;" data="25" class="block_for_users">
<div class="trg_no_active" data="25"></div>
<div style="float:left">Lena1122</div>
</div>
<div class="block_for_users" style="width: 100px; padding-top:3px; "><div class="icon_for_blocked"></div><div class="icon_for_add_users"></div><div class="icon_for_add_request"></div></div>
<div class="block_for_users" style="width: 150px;"><span>Изменить</span> </div>
</div>
<div class="block_for_users_no_active">
<div style="margin-left:50px; width: 120px;" data="50" class="block_for_users">
<div class="trg_no_active" data="50"></div>
<div style="float:left">Vova1212</div>
</div>
<div class="block_for_users" style="width: 100px; padding-top:3px; "><div class="icon_for_blocked"></div><div class="icon_for_add_users"></div><div class="icon_for_add_request"></div></div>
<div class="block_for_users" style="width: 150px;"><span>Изменить</span> </div>
</div>
<div class="block_for_users_no_active">
<div style="margin-left:25px; width: 120px;" data="25" class="block_for_users">
<div class="trg_no_active" data="25"></div>
<div style="float:left">Xeniya</div>
</div>
<div style="width: 990px; height: 40px; "><div style="margin-left:0px; width: 120px; text-align:left" class="block_for_users">
<div>
<div class="trg_no_active" data="0"></div>
<div style="float:left">shamsheev</div>
</div></div>
<div class="block_for_users" style="width: 80px;">5743567</div>
<div class="block_for_users" style="width: 200px;">Юрий</div>
<div class="block_for_users" style="width: 40px;">180</div>
<div class="block_for_users" style="width: 40px;">180</div>
<div class="block_for_users" style="width: 40px;">220</div>
<div class="block_for_users" style="width: 40px;">220</div>
<div class="block_for_users" style="width: 40px;">220</div>
<div class="block_for_users" style="width: 120px;"></div>
<div class="block_for_users" style="width: 100px; padding-top:3px;"><div class="icon_for_blocked"></div><div class="icon_for_add_users"></div><div class="icon_for_add_request"></div></div>
<div class="block_for_users" style="width: 150px;"><span>Изменить</span> </div>
</div>
</div>
проблема в том что мне нужно показать скрытые divы, которые идут после текущего/ и не показывать те которые идут выше дерева. divы идут друг за другом. вложения определяются отступом margin. нужно остановить цикл когда будет вхождение margin равное текущему
