Question

我在PHP页面中有一个菜单：

<li data-target='MA'><a href="Disciplines.php#MA"><span>M.A.</span></a></li>
<li data-target='MBA'><a href="Disciplines.php#MCom"><span>M.Com.</span></a></li>
<li data-target='MBA'><a href="Disciplines.php#BE"><span>B.E.</span></a></li>

我有内容：

<p id="MA"   class='content'>MA</p>
<p id="MCOM" class='content'>MCOM</p>
<p id="BE"   class='content'>BE</p>

我必须有选择地显示内容。我该怎么做？

Answer 1

您需要搜索javascript解决方案。

例如，看看这个问题的答案： Responsive menu show and hide on click

解决方案：

＆＃13;

function switchContent(id) {
  var content = $(('#' + id));
  $('.content').not(content).hide();
  content.show();
}

function handleHash() {
  switchContent(location.hash.substring(1));
}

window.onhashchange = handleHash;
$(handleHash);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<li data-target='MA'><a class='link' href="#MA"><span>M.A.</span></a></li>
<li data-target='MCOM'><a class='link' href="#MCOM"><span>M.Com.</span></a></li>
<li data-target='BE'><a class='link' href="#BE"><span>B.E.</span></a></li>

<p id="MA"   class='content'>MA</p>
<p id="MCOM" class='content'>MCOM</p>
<p id="BE"   class='content'>BE</p>

＆＃13;

如何在ajax菜单中有选择地显示内容

1 个答案: