JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <button class="projects" data-alternate-label="Development Languages">Click me</button>
    <div class="devList">List here</div>
    <div class="devButton">Something else</div>
</div>
<div>
    <button class="projects" data-alternate-label="Whatever">Click me</button>
    <div class="devList">Another List here</div>
    <div class="devButton">Something else again</div>
</div>

CSS

.devList, .devButton {
    display: none;
}

JavaScript

$(document).ready(function () {

    $(".projects").on("click", function () {

        var $this = $(this),
            alternateLabel = $this.data("alternate-label");
        $this.data("alternate-label", $this.text());
        $this.text(alternateLabel);

        $this.parent().find(".devList, .devButton").slideToggle();

    });
});