Click to show image

by Matthew Day

HTML

<ul id="ines">
    <li><a href="#image1">1</a></li>
</ul>

<ul id="frank">
    <li id="image1"><img src="http://placekitten.com/g/300/300"></li>
</ul>

CSS

ul {
    list-style: none;
}

#ines{
    border: 1px solid red;
}

#frank {
    border: 1px solid blue;
    display: none;
}

#frank.active {
    display: block;
}

JavaScript

$('#ines').click(function(){
  $('#frank').show();
});