Как скрыть параметры страны при загрузке страницы через jquery ajax php - PullRequest
0 голосов
/ 23 апреля 2020

Как скрыть параметры страны при загрузке страницы через jquery ajax php.

Приведенный ниже код отображает результаты работы базы данных и ее исправность.

Я могу скрыть / показать или переключить все значения страны каждое по отдельности через свой идентификатор, когда кнопка нажата и работает хорошо.

Вот моя проблема: Как я могу скрыть только все значения страны при загрузке страницы, чтобы я мог переключать или скрывать / показывать ее как обычно.

Здесь мои усилия по кодированию пока screenshot showing arrows pointing to country values that i want to hide on page load

<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>

1 Ответ

0 голосов
/ 23 апреля 2020

Только исправление qucik, вы должны рефакторинг вашего кода ...

<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 all countries
            $("[id^='result_']").hide()
         });

/*

//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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...