JSFiddle - React, Tailwind, and code Playground

HTML

<div class="solTitle"> <a href="#" id="solution0">Solution0 </a></div>
    <div class="solTitle"> <a href="#"  id="solution1">Solution1 </a></div>

    <div id="summary_solution0" style="display:none" class="summary">Summary solution0</div>
    <div id="summary_solution1" style="display:none" class="summary">Summary solution1</div>

JavaScript

$(document).ready(function(){
        $("#solution0").live('click',function(e){
            var contentId = "summary_" + $(this).attr('id');
            $(".summary").hide();
            $("#" + contentId).show();
        });
    });