JSFiddle - React, Tailwind, and code Playground
HTML
<div class="toggle-buttons">
<div class="web-develop-toggle">
<a href="#" onClick="toggleWebDevelop('web-develop-content',this)">
<img src="http://placehold.it/350x150" class="img-responsive" border="0"/>
</a>
</div>
<div id="web-develop-content" style="display: none;">
<div class="web-develop-body">
<ul class="svc-list">
<li class="svc-bullet"><span class="svc-list">Option 1</span> </li>
<li class="svc-bullet"><span class="svc-list">Option 2</span></li>
<li class="svc-bullet"><span class="svc-list">Option 3</span></li>
<li class="svc-bullet"><span class="svc-list">Option 4</span></li>
</ul>
</div>
</div>
</div>
<div class="toggle-buttons">
<div class="web-develop-toggle">
<a href="#" onClick="toggleWebDevelop('web-develop-content',this)">
<img src="http://placehold.it/350x150" class="img-responsive" border="0"/>
</a>
</div>
<div id="web-develop-content" style="display: none;">
<div class="web-develop-body">
<ul class="svc-list">
<li class="svc-bullet"><span class="svc-list">Option 1</span> </li>
<li class="svc-bullet"><span class="svc-list">Option 2</span></li>
<li class="svc-bullet"><span class="svc-list">Option 3</span></li>
<li class="svc-bullet"><span class="svc-list">Option 4</span></li>
</ul>
</div>
</div>
</div>
JavaScript
function toggleWebDevelop(id, link) {
var e = document.getElementById(id);
if (e.style.display == 'block') {
e.style.display = 'none';
} else {
e.style.display = 'block';
}
}