をクリックして、私はここに表示または非表示
<asp:Label ID="CA" runat="server" Font-Bold="False" Font-Names="Arial" Font-Size="10pt" style="padding-top:6px;" ForeColor="#CCCCCC" Height="100%" Text="Current Activities" onmouseover="var b = ChangeColorCA(); this.style.cursor='pointer'; return b" onmouseout="RemoveColorCA()"></asp:Label>
異なるIDと異なるIDと3つのdivを持つすべてのコードをfolowingは私が望むすべて
<div id="DIV_CA" runat=server align="center" visible="false" style="background-color:#f3f3f3; text-align: left; width: 500px; height: 470px; overflow:auto;">Some data</div>
ためのdivのコードである3つのラベルを持っていますラベルをクリックして表示または非表示にする方法誰にでも私はラベルをクリックすると特定のdivが表示され、他のラベルは非表示にし、次のラベルをクリックすると表示されるはずです。 jQueryので
更新履歴 これは、ここに私のスクリプトコード
<script type="text/javascript">
function hideshow(span) {
var div = document.getElementById("DIV_" + span.id);
if (div.style.display == "none")
div.style.display = "block";
else
div.style.display = "none";
}
</script>
とあるがlablelコードが
<asp:Label ID="CA" runat="server" Font-Bold="False" Font-Names="Arial" Font-Size="10pt" style="padding-top:6px;" ForeColor="#CCCCCC" Height="100%" Text="Current Activities" onmouseover="var b = ChangeColorCA(); this.style.cursor='pointer'; return b" onmouseout="RemoveColorCA()" onclick="hideshow(this)" ></asp:Label>
Okを確認してください –
はいそれはすべてのラベルを太字にしますが、次のラベルをクリックすると通常にならないようにしています –
YEs私はそれを上記のようにコピーしました –