JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<button style="width: 250px; height: 100px;" class="button">
</button>
<p>
<i>Content die weer te geven is bij het klikken van de knop.</i>
</p>
<script>
var toggled = false;
$("button").click(function() {
if (!toggled) {
$(this).css( "background", "url(http://i.imgur.com/Q2sj6XQ.png)" );
toggled = true;
} else {
$(this).css("background", "url(http://i.imgur.com/GKVoeGr.png)");
toggled = false;
}
$("p").slideToggle();
})
</script>
</body>
CSS
.button {
background: url("http://i.imgur.com/GKVoeGr.png") no-repeat 3px 5px;
}