Czy mógłby mi ktoś spróbować przerobić ten kod z Javascript na jQuery?
<li><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">Rejestracja</a></li>
<div id="light" class="popupContent">
<ul>
<li><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Zamknij</a></li>
</ul>
</div>
<div id="fade" class="borderGray"></div>
Jest to kod wywołujący okienko popup.
Tak wygląda CSS:
.borderGray{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: #000;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.popupContent {
display: none;
position: absolute;
top: 25%;
left: 27%;
width: 40%;
height: 50%;
border-top: 40px #000 solid;
background-color: #D9D9D9;
z-index:1002;
overflow: auto;
text-align: right;
}