JSFiddle - React, Tailwind, and code Playground
HTML
<div id="firstpane" class="menu_list">
<p class="menu_head">HTML/CSS Coding</p>
<div class="menu_body">
<p>If you want to change the layout and appearance of a part of your website, I can provide this service at a low price and with quality results. This type of work should take no more than 4 days for your site to be running with its fix.This service is intended to be for smaller jobs. If you need a major or entire redesign, please see Complete Website Creation.
<a href="#">Get a quote on HTML/CSS work for your site</a></p>
</div>
<p class="menu_head">PHP Coding</p>
<div class="menu_body">
<p>Test</p>
</div>
<p class="menu_head">Javascript and jQuery Coding</p>
<div class="menu_body">
<p>Test</p>
</div>
<p class="menu_head">General Website Improvements</p>
<div class="menu_body">
<p>Test</p>
</div>
<p class="menu_head">Website Conversion to Wordpress</p>
<div class="menu_body">
<p>Test</p>
</div>
<p class="menu_head">Wordpress Theme Design</p>
<div class="menu_body">
<p>Test</p>
</div>
<p class="menu_head">Complete Website Creation</p>
<div class="menu_body">
<p>Test</p>
</div>
<p class="menu_head">Web Server Configuration</p>
<div class="menu_body">
<p>Test</p>
</div>
</div>
CSS
.menu_head {
padding: 5px 10px;
cursor: pointer;
position: relative;
margin:1px;
background: url(http://codezroz.com/wp-content/themes/codezroz/images/bullet_img.gif) center left no-repeat;
}
.menu_body { }
.menu_body p { padding-left: 10px; }
.menu_body a {
text-decoration:none;
background: none;
}
JavaScript
jQuery.noConflict();
jQuery(document).ready(function($)
{
$(".menu_body").hide();
$("#firstpane p.menu_head").click(function() {
$(this).css({backgroundImage:"url(http://codezroz.com/wp-content/themes/codezroz/images/bullet_img_down.gif)", textDecoration:"underline"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
$(this).siblings().filter(".menu_head").css({backgroundImage:"url(http://codezroz.com/wp-content/themes/codezroz/images/bullet_img.gif)", textDecoration:"none"});
});
})(jQuery);