Я пытаюсь показать конкретный div в зависимости от результата SQL-запроса.
Моя проблема в том, что я не могу заставить divs переключиться асинхронно. Прямо сейчас страница должна быть обновлена, чтобы div обновился.
<?php //SQL query if (foo) { ?> <div id="add<?php echo $uid ?>"> <h2><a href="#" class="plus" ?>">Add to list!</a></h2> </div> <?php } else { ?> <div id="remove<?php echo $uid ?>"> <h2><a href="#" class="minus" ?>">Delete!</a></h2> </div> <?php } <? <script type="text/javascript"> //add to list $(function() { $(".plus").click(function(){ var element = $(this); var I = element.attr("id"); var info = 'id=' + I; $.ajax({ type: "POST", url: "ajax_add.php", data: info, success: function(data){ $('#add'+I).hide(); $('#remove'+I).show(); } }); return false; }); }); </script> <script type="text/javascript"> //remove $(function() { $(".minus").click(function(){ var element = $(this); var I = element.attr("id"); var info = 'id=' + I; $.ajax({ type: "POST", url: "ajax_remove.php", data: info, success: function(data){ $('#remove'+I).hide(); $('#add'+I).show(); } }); return false; }); }); </script> ajax_add.php и ajax_remove.php содержат только некоторые SQL-запросы.
Что отсутствует для div #follow и #remove для переключения без обновления страницы?