JSFiddle - React, Tailwind, and code Playground

HTML

<div class="expand-one"><p><em><img src="http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0140/bullet_blue.png" width="10" height="10" data-altsrc="http://aux.iconpedia.net/uploads/1135161182945096271.png" /> Click here to view content below. Image to the left doesn't change!? Why!?!?!?!?!</em></p>
</div>

<div class="content-one">
<em>May I Have this Dance:  Coordinating Competency and Performance Management Strategies by Bringing Together Human Resources and Nursing Leadership – Ryman Studio F</em>
<p>Presented by Lynn Howe, RN, MS, CEN, CCRN, Executive Director, Organizational Excellence and Competency Solutions, HealthStream</p>

CSS

.expand-one {cursor: pointer;}
.content-one {display:none;}

JavaScript

jQuery('.expand-one').click(function(){
        jQuery('.content-one').slideToggle('fast');
    }, function() {
    });
    jQuery('.expand-one').toggle(function() {
        jQuery('.content-one').slideDown('fast');
        }, function() {
        jQuery('.content-one').slideUp('fast');
    });
    jQuery('.expand-one p em img').click(function(){
        var src = jQuery(this).attr("src");
        jQuery(this).attr("src", jQuery(this).data("altsrc"));
        jQuery(this).data("altsrc", src);
    });