爲了hide/show
元素,你需要使用像JavaScript這樣的客戶端腳本。這裏有一個簡單的javascript函數,可以在你的陣列的showing
和hiding
之間切換。
在你的<head>
HTML代碼添加下面的腳本/函數 -
<script type="text/javascript">
function toggleView(aid, id, text) {
var divView = document.getElementById(id);
var anchor = document.getElementByID(aid);
if (divView.style.display != "block") {
divView.style.display = "block";
anchor.innerHTML = "click here to hide " + text + " options";
} else {
divView.style.display = "none";
anchor.innerHTML = "click here to show " + text + " options";
}
}
</script>
然後在你的<body>
您可以創建一個<a>
錨,然後<div>
你的錨標記和DIV會看像這樣:
<a id="toggle3" onclick="toggleView('toggle3', 'options3', 'first 3')">click here to show first 3 options</a>
<div id="options3" style="display: none">
Option 1
Option 2
Option 3
</div>
<a id="toggle4" onclick="toggleView('toggle4', 'options4', 'last 4')">click here to show last 4 options</a>
<div id="options4" style="display: none">
Option 4
Option 5
Option 6
Option 7
</div>
EDITED 11/30
這裏是我會怎麼做 -
的Javascript
線#438 admin-interface.php
的<?php }
添加的JavaScript function()
<?php
//Hide/Show Image Groups
?>
<script type="text/javascript">
function toggleView(aid, id, text) {
var divView = document.getElementById(id);
var anchor = document.getElementByID(aid);
if (divView.style.display != "block") {
divView.style.display = "block";
anchor.innerHTML = "click here to hide " + text + " options";
} else {
divView.style.display = "none";
anchor.innerHTML = "click here to show " + text + " options";
}
}
</script>
前Anchor/DIV
線#603 admin-interface.php
,前//$output .= '<div class="section ...
添加anchors
和<div>
的
注:如果您已經添加的JavaScript function()
以上,這可能是線#621,而不是603#
if ($value['type'] == "images" && $counter == 1)
{$output .= '<a id="toggle3" onclick="toggleView(\'toggle3\', \'options3\', \'first 3\')">click here to show first 3 options</a>'."\n" . '<div id="options3" style="display: none">'."\n";}
if ($value['type'] == "images" && $counter == 4)
{$output .= '<a id="toggle4" onclick="toggleView(\'toggle4\', \'options4\', \'last 4\')">click here to show last 4 options</a>'."\n" . '<div id="options4" style="display: none">'."\n";}
線#957的admin-interface.php
的}$output .= '</div>';return array($output,$menu);
上#958-960之前,添加</div>
關閉標籤
注:如果您已經添加的JavaScript function()
和上述210和<div>
的,它可能是線#979,而不是957#
if ($value['type'] == "images" && ($counter == 1 || $counter == 4))
{$output .= '</div>'."\n";}
感謝您的回答 我編輯一個WordPress主題,因此它在PHP。 的
文件我想我已經管理,通過增加它的header.php 但身體的一部分,它更復雜,因爲它是一個PHP文件中,一個PHP函數...我應該使用echo「<一個ID [等]'? –是的,你可以使用'echo'「;',我已經添加了一個例子,或者你可以關閉php,然後再次啓動php - '?><?php ..'。 – Sean
所以,這不是workign ... 當我添加回聲「」,它出現在
標記上方,因爲我認爲$選項是某種功能,被稱爲別的地方,內容是數組,你懂? 這裏是完整的文件: http://www.mediafire.com/?qxfeiay872e2i3a –