Jquery animate toggle v Javascripte – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Zdravim vsetkych, prosim vas ako by som mohol tento jednoduchy kod v Jquery napisat v cistom Javascripte ? Neviem si s tym poradit aby mi to fungovalo.
 

https://jsfiddle.net/fz81uxsv/ 

DAKUJEM
 

Okej takze k niecomu som sa dopracoval, k niecomu takemuto :D https://jsfiddle.net/37kxhvjr/

Ale mam tam dalsi problem, ked sa stranka prvy krat nacita tak tlacitko Click funguje az na druhy krat. 
Nejake napady ?
 

#3 weroro

Stacilo, perfektne, Dakujem za ochotu pomohlo :)

https://jsfiddle.net/37kxhvjr/3/

pridano ul.style.display = 'none';
zmeneno ul.style.display = ul.style.display == 'none' ? '' : 'none';
zmeneno .ul {    /*display: none;*/}

Totiz, element ul.style neni totez jako element style.cssRules. Dokud nedas do UL primo none pres js nebo pres inline styly, tak to tam neni.
<ul> ul.style.display = 'none'; alert(ul.style.display); // vypise none
<ul style="display:none;"> alert(ul.style.display); // opet by mel vypsat none
<style>ul {display:none;} <ul> alert(ul.style.display); // vypise undefined nebo '', protoze do ul jsi nic nedaval. Tak style nedopocitava vlastnosti do js element tree.

Ale slo by to resit treba zmenou css:class, js:className. Class do html musis napsat nebo tam zadnou nedas. Takze ji js vidi a vlastnosti prebira ze <style>.