显示/隐藏包含phpJquery的Div


Show / Hide Div containing php Jquery

Iam尝试有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只包含`

回声‘测试’;?>`任何一个有灵魂的洗礼吗?

谢谢!

问题#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 ... ?>