Przerobienie kodu Javascript na jQuery - popup

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; 
}

Odnośnie pytania to spodziewaj się

Ale wszystko czego potrzebujesz to
http://api.jquery.com/css/

Ależ przecież jQuery to JS, zatem nic w tym kodzie nie trzeba zmieniać ;P

Nigdy nie używaj onclicków i innych podobnych wynalazków tylko po prostu przypinaj event do danego elementu.
Kod: https://jsfiddle.net/tom3gftz/1/
A teraz dodasz jakieś klasy do przycisków, które wywołują tego popupa i poprawisz kod samodzielnie. Trochę Twojej pracy się przyda, zwłaszcza, że jQuery nie jest trudny.