JSFiddle - React, Tailwind, and code Playground

by rohanbhangui

HTML

<div id="login">login</div>

<div id="content">
    <div id="button1">button1</div>
    <div id="button2">button2</div>
    <div id="button3">button3</div>
    <div id="button4">button4</div>
</div>

CSS

#content
{
    border: 1px solid #ff0000;
}

JavaScript

$("#login").on("click", function() {
    divDisables($("#content"));
});

function divDisables(div) {
    div.children().each(function(index) {
        $(this).prop("disabled", !$(this).prop("disabled"));
        alert($(this).prop("disabled"));
    });
}