Widoczność div'a po kliknięciu na innego div'a

Question

Chciałbym żeby po kliknięciu na 1 div pokazywał się drugi. Proszę oto kod:

<style>

#one{

height: 100px;

width: 100px;

background-color: black;

}

#two{

height: 10px;

width: 10px;

background-color: white;

visibility: hidden;

}

</style>

<div id="one" onclick="DIV two MA BYĆ WIDOCZNY">

   <div id="two"></div>

</div>

Answer 1

Do elementów klikalnych raczej są linki i przyciski, nie div. Stąd proponuję dwa rozwiązania:

• pure-CSS, na linku: http://jsfiddle.net/Comandeer/o3g3L0wh/
• JS, na przycisku: http://jsfiddle.net/Comandeer/L60aynht/

Answer 2

https://jquery.com/

Answer 3

HTML:

<div id="one" onclick="kliknieto();"></div>
<div id="two"></div>
<script>
function kliknieto()
{
var one=document.getElementById("one");
with(one)
{
Visibility="visible";
}
}
</script>

Mam nadzieję, że się nie pomyliłem.

Comments

with zostało usunięte w ES5 strict mode, więc nie ma sensu go używać. Poza tym jest użyte błędnie - jak już to raczej powinno być:

with(one.style)
{
    visibility = 'visible';
}

Z tym, że jak mówiłem nie ma sensu tej konstrukcji obecnie używać.