显示/隐藏包含 php Jquery 的 Div

Question

我试图拥有 3 个按钮，当我按下一个按钮时，它将显示一个 php 文件的内容。这是我到目前为止所做的：

在主 Html 文件中：

<div class="buttons">
<a  class="showSingle" target="1">Logg</a>
<a  class="showSingle" target="2">Saker</a>
<a  class="showSingle" target="3">Rediger Kunde</a>

</div>     

<div id="div1" class="targetDiv"><?php include 'php/loggselect.php'; ?></div>
<div id="div2" class="targetDiv">Saker</div>
<div id="div3" class="targetDiv">Rediger </div>

稍后在同一个文件中：

<script type="text/javascript">
jQuery(function(){

        jQuery('.showSingle').click(function(){
              jQuery('.targetDiv').hide();
              jQuery('#div'+$(this).attr('target')).show();
        });
});

</script>

有两个问题：当我重新加载页面时，所有 3 个 div 都显示了，我必须按一个“按钮”才能只显示该特定按钮的内容。

下一个也是最大的问题是，只要它是纯文本，它就可以正常工作。但是当我使用<?php include 'php/loggselect.php'; ?> 时，它将不再显示/隐藏。 php 文件应显示一个表格，其中包含来自我的数据库的搜索结果。但是当php只包含`时它不起作用

echo '测试'; ?>` 要么。有什么解决办法吗？

谢谢！

Answer 1

问题#1：你可以做到，

CSS：.hiddenDiv {display:none;}

并将这个类添加到每个 div

$(function(){
    $(".showSingle").eq(0).trigger("click");
});

问题 #2： 做

var _var1 = "variableone";
$("#div1").load('php/loggselect.php?v1='+_var1+'&v2='+_var1);

不要做<?php ... ?>