JSFiddle - React, Tailwind, and code Playground

HTML

<div class="week">
    <div class="title">Week 1</div>
    <div class="content">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas aliquam leo nec dui laoreet iaculis. Nunc congue cursus ultrices. Quisque at arcu nec nibh fringilla malesuada. Donec rutrum accumsan porta. Quisque pellentesque pulvinar elit ac interdum. Sed tristique mauris quis enim cursus, quis ornare augue lobortis. Sed volutpat quis arcu sit amet euismod. Sed a enim porta, tempus odio eget, consectetur tortor.
    </div>
</div>

<div class="week">
    <div class="title">Week 2</div>
    <div class="content">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas aliquam leo nec dui laoreet iaculis. Nunc congue cursus ultrices. Quisque at arcu nec nibh fringilla malesuada. Donec rutrum accumsan porta. Quisque pellentesque pulvinar elit ac interdum. Sed tristique mauris quis enim cursus, quis ornare augue lobortis. Sed volutpat quis arcu sit amet euismod. Sed a enim porta, tempus odio eget, consectetur tortor.
    </div>
</div>

<div class="week">
    <div class="title">Week 3</div>
    <div class="content">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas aliquam leo nec dui laoreet iaculis. Nunc congue cursus ultrices. Quisque at arcu nec nibh fringilla malesuada. Donec rutrum accumsan porta. Quisque pellentesque pulvinar elit ac interdum. Sed tristique mauris quis enim cursus, quis ornare augue lobortis. Sed volutpat quis arcu sit amet euismod. Sed a enim porta, tempus odio eget, consectetur tortor.
    </div>
</div>

CSS

body {
    margin: 0;
}

.title {
    border-bottom: 1px solid black;
    padding: 20px;
    cursor: pointer;
}

.title:hover {
    background: yellow;
}

.content {
    padding: 20px;
    display: none;
    border-bottom: 1px solid black;
}

JavaScript

$('.title').click(function(){
    $(this).parents('.week').find('.content').slideToggle();
});