Php генерирует divs, затем скрывает все divs

Question

Все работает, за исключением участка hide. Я просто пытаюсь скрыть каждый div, поскольку он сгенерирован, и мне нужно получить контроль над div. Поэтому я предполагаю, что часть div id очень неправильная, когда я пытаюсь увеличить. Пожалуйста помоги!

<?php 
$counter=0; 
foreach ($foo as $key => $value){ 
$counter++; 
?> 

<div id="ad<?php $counter;?>"> 
<?php include("showPage.php");?> 
</div> 
<script>$("#ad<?php $counter;?>").hide();</script> 

<?php 
} 
?> 

Вторая часть вопроса:

<script> 
$(document).ready(function(){ 
$("#FooButton").click(function(){ 
if($('div#ad1').is(':visible')){ 
$("div#ad1").hide(); 
$("div#ad2").show(); 
} 

}); 
}); 
</script> 

Answer 1

Вам необходимо повторить из значения $counter.

Здесь:

<div id="ad<?php echo $counter;?>"> 
    <?php include("showPage.php");?> 
</div> 
<script> 
    $(document).ready(function(){ 
    $("#ad<?php echo $counter;?>").hide(); 
    }); 
</script> 

Update:

Посмотрев на выше решение, я не могу рекомендовать вам вызов в цикле $(document).ready(). Более эффективное решение этой проблемы было бы добавить стиль display: none к сгенерированной div и не использовать JavaScript здесь, как следует:

<div id="ad<?php echo $counter;?>" style="display:none;"> 
    <?php include("showPage.php");?> 
</div> 

Answer 2

Да вам нужно echo значения как этот

 
echo $counter;