Как использовать цикл в javascript (jquery)?

Question

[djienbaev97]

$(".tolik-hide1").click(function () {
    $(".block-hide1").slideToggle("slow");
    $(".tolik-hide1").css("display", "none");
});
$(".close1").click(function () {
    $(".block-hide1").slideToggle("slow");
    $(".tolik-hide1").css("display", "inline-block");
});

$(".tolik-hide2").click(function () {
    $(".block-hide2").slideToggle("slow");
    $(".tolik-hide2").css("display", "none");
});
$(".close2").click(function () {
    $(".block-hide2").slideToggle("slow");
    $(".tolik-hide2").css("display", "inline-block");
});

$(".tolik-hide3").click(function () {
    $(".block-hide3").slideToggle("slow");
    $(".tolik-hide3").css("display", "none");
});
$(".close3").click(function () {
    $(".block-hide3").slideToggle("slow");
    $(".tolik-hide3").css("display", "inline-block");
});

напримен у меня такой код, где то до 20 чисел, как я могу их циклом запустить?

в php цикле идет

<?php $q = 1;  $t=1 ?>
<?php foreach ($sabaktar as $sabak) { 
<div class="toligirak tolik-hide<?=$q++; ?>">Открыть...</div>
<div class="block2 block-hide<?= $w++; ?>">
Инфа
</div>
<div style="text-align: right; cursor: pointer;"  class="jabuu close<?= $t++; ?>">Закрыть</div>
<?php } ?>

Comments

[Andrew]

а вы не хотите им дать один класс(для каждого однотипного элемента) и через $(this) пилить то что нужно?

[WapSter]

Зачем тут вообще цикл, приведи все к единой классификации и от контекста this открывай нужный блок.

[djienbaev97]

Andrew, у меня php идет цикл, я не могу дать один класс

[Andrew]

djienbaev97, ну тогда F.
Не очень верю что пыха вам отдаёт всю эту разметку, иначе вырвите руки бэку

[djienbaev97]

Максим Зайцев,

<div class="toligirak tolik-hide<?=$q++; ?>">Открыть...</div>
<div class="block2 block-hide<?= $w++; ?>">
Инфа
</div>
<div style="text-align: right; cursor: pointer;"  class="jabuu close<?= $t++; ?>">Закрыть</div>

Answer 1

[Yustas Alexu]

Цикл здесь не нужен. Нужно сделать для них один класс, например tolik-hide и сделать так:

$(".tolik-hide").click(function () {
    $(this).slideToggle("slow");
    $(this).css("display", "none");
});

Comments

[djienbaev97]

Yustas Alexu

<?php $q = 1;  $t=1 ?>
<?php foreach ($sabaktar as $sabak) { 
<div class="toligirak tolik-hide<?=$q++; ?>">Открыть...</div>
<div class="block2 block-hide<?= $w++; ?>">
Инфа
</div>
<div style="text-align: right; cursor: pointer;"  class="jabuu close<?= $t++; ?>">Закрыть</div>
<?php } ?>

у меня в php в цикле foreach идет, мне нужен цикл. Как тут в js цикл запустить? или же другое решение

[Yustas Alexu]

А что мешает добавить еще один класс, общий для всех?

<div class="toligirak tolik-hide tolik-hide<?=$q++; ?>">Открыть...</div>

[djienbaev97]

Yustas Alexu, тогда у меня все одновременно будут открываться и закрываться, каждый блок по отдельности надо открываться

[Strannyk]

djienbaev97, а "$(this)" вам ни о чем не говорит?