JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<ul>
    <li>
        <h3>Item#1</h3>
        <p>Nunc lobortis velit justo. Etiam suscipit fermentum ultrices. Quisque finibus nulla sodales      ornare porttitor. Quisque vel ante viverra, egestas enim sed, eleifend eros. Suspendisse sodales quis nunc varius ornare.</p>
    </li>
    <li>
        <h3>Item#1</h3>
        <p>Nunc lobortis velit justo. Etiam suscipit fermentum ultrices. Quisque finibus nulla sodales      ornare porttitor. Quisque vel ante viverra, egestas enim sed, eleifend eros. Suspendisse sodales quis nunc varius ornare.</p>
    </li>
    <li>
        <h3>Item#1</h3>
        <p>Nunc lobortis velit justo. Etiam suscipit fermentum ultrices. Quisque finibus nulla sodales      ornare porttitor. Quisque vel ante viverra, egestas enim sed, eleifend eros. Suspendisse sodales quis nunc varius ornare.</p>
    </li>
    <li>
        <h3>Item#1</h3>
        <p>Nunc lobortis velit justo. Etiam suscipit fermentum ultrices. Quisque finibus nulla sodales      ornare porttitor. Quisque vel ante viverra, egestas enim sed, eleifend eros. Suspendisse sodales quis nunc varius ornare.</p>
    </li>
    <li>
        <h3>Item#1</h3>
        <p>Nunc lobortis velit justo. Etiam suscipit fermentum ultrices. Quisque finibus nulla sodales      ornare porttitor. Quisque vel ante viverra, egestas enim sed, eleifend eros. Suspendisse sodales quis nunc varius ornare.</p>
    </li>
    <li>
        <h3>Item#1</h3>
        <p>Nunc lobortis velit justo. Etiam suscipit fermentum ultrices. Quisque finibus nulla sodales      ornare porttitor. Quisque vel ante viverra, egestas enim sed, eleifend eros. Suspendisse sodales quis nunc varius ornare.</p>
    </li>
    <li>
        <h3>Item#1</h3>
        <p>Nunc lobortis velit justo. Etiam suscipit fermentum ultrices. Quisque finibus nulla sodales      ornare porttitor. Quisque vel ante viverra, egestas enim sed, eleifend eros. Suspendisse sodales quis nunc varius...

CSS

p, h3 {
    margin: 0;
}
p {
    display: none;
}
ul {
  column-count: 2;
}
li {
  cursor: pointer;
}
ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}

JavaScript

$('li').click(function(){
    $('p').hide();
	  $(this).children('p').show();
});