Hogyan csináljak képből gombot, melyre ha rákattintok megjelenik alatta a hírleveles mező?

Nem zártad le a li elemet!

Itt egy pl:

<nav id="menulist">

<ul>

<li><a href="">menu1</a></li>

<li><a href="">menu2</a></li>

<li><a href="">menu3</a></li>

<li id="hirlevel">

<button id="kep" class="boritek"> <img src="boritek.png" alt="hirlevél"> </button>

<div id="feliratkozas" style="display:none">

<span class="hirlevelfel">

<input type="text" name="s" placeholder="email..." />

</span>

<button class="feliratkozaselkuld"> <img src="elkuldgomb" alt="elkuld"> </button>

</div>

</li>

</ul>

</nav>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<script>

$(document).ready(

function(){

$("#kep").click(function () {

$("#feliratkozas").fadeToggle();

});

});

</script>

VAn ez a sor:

<script src=" [link]

ide a jquery linkelős kódját kell betedd, és működik a program.