الهدف منه ان يظهر او يخفى div "demo"

[Zidan86]

السلام عليكم


أعزائى ::


عامل صفحة به هذا الكود
الهدف منه ان يظهر او يخفى div "demo"
عند الضغط على fffffffffffffff او اخقائة عن الضغط علية ايضا


ولكن لا يعمل اى شئ


ارجو الحل


<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<script type="text/javascript">
function toggleAlert() {
var x = document.getElementById("demo").disabled;
document.getElementById("demo").Disabled = !x ;
}
</script>
</asp:Content>


<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div id="demo" Disabled="none" >
<asp:CheckBox runat="server"></asp:CheckBox>
<asp:ImageButton runat="server"></asp:ImageButton>
<asp:Label runat="server" Text="Label"></asp:Label>
<asp:FileUpload runat="server"></asp:FileUpload>
</div>
<a href="#" id="disable" onclick="toggleAlert()">fffffffffffffff</a>
</asp:Content>

[البعد الخامس]

تفضل اخى

<script language="javascript"> 
function  toggle() {
var ele = document.getElementById("toggleText");
    var text = document.getElementById("displayText");
    if(ele.style.display == "block") {
            ele.style.display = "none";
        text.innerHTML = "fffffffffffffff";
      }
    else {
        ele.style.display = "block";
        text.innerHTML = "fffffffffffffff";
    }
} 
</script>
 
<a id="displayText" href="javascript:toggle();">fffffffffffffff</a> 
<div id="toggleText" style="display: none"><h1>PureMan</h1></div>

صوره من المثال السابق قبل الضغط على fffffffffffffff




صوره من نفس المثال السابق بعد الضغط على fffffffffffffff

[Zidan86]

جزاااااك الله كل خير \