JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<div id="divToAddButtonsTo">
</div>

<div id="category-1">One</div>
<div id="category-2">Two</div>
<div id="category-3">Three</div>

JavaScript

var divs = $('div[id^="category-"]');
var num = divs.length;

for (i=1; i<=num; i++) {
    $('<button class="toggles" />')
        .text('Toggle div ' + i)
        .appendTo('#divToAddButtonsTo');
}

$('.toggles').live('click',
                   function(){
                       var thisIs = $(this).index();
                       $('div[id^="category-"]').eq(thisIs).toggle();
                   });