Как скрыть параметры страны при загрузке страницы через jquery ajax php.
Приведенный ниже код отображает результаты работы базы данных и ее исправность.
Я могу скрыть / показать или переключить все значения страны каждое по отдельности через свой идентификатор, когда кнопка нажата и работает хорошо.
Вот моя проблема: Как я могу скрыть только все значения страны при загрузке страницы, чтобы я мог переключать или скрывать / показывать ее как обычно.
Здесь мои усилия по кодированию пока
<html>
<head>
<script src="jquery.min.js" type="text/javascript"></script>
</head>
<body>
<script>
//toggle div on click
$(document).ready(function() {
$(".hideunhide_country").click(function(){
var id = this.id;
$("#result_"+id).toggle( 'slow', function(){
});
});
});
/*
//hide unhide div on click
$(document).ready(function(){
$(".hideunhide_country").click(function(){
var id = this.id;
$("#result_"+id).hide();
});
});
*/
</script>
<div class="content">
<?php
include('db.php');
$result = $db->prepare('SELECT * FROM users order by id');
$result->execute();
while ($row = $result->fetch()) {
$id = $row['id'];
$country = $row['country'];
?>
<div class="p">
<h1>Userid: <?php echo $id; ?></h1>
//hide country values on page load
<div id="result_<?php echo $id; ?>">
<h1><?php echo $country; ?></h1>
</div>
<input type="button" value="HideUnhide" id="<?php echo $id; ?>" class="hideunhide_country" />
</div>
<?php
}
?>
</div>
</body>
</html>