JSFiddle - React, Tailwind, and code Playground

by chayacooper

HTML

<div id=personalstyle_row1a style="display:none; font: bold 20pt">
       Row 1
    </div>

      <div id=personalstyle_row2a style="display:none; font: bold 20pt">
       Row 2
    </div>

JavaScript

$(document).ready(function () {
      
   $("#personalstyle_row1a, #personalstyle_row2a").hide();
      
    if ($style_ranking_1.val() != "Null") {
        $("#personalstyle_row1a").show();
    } else {
        $("#personalstyle_row2a").show()
    };
}
});

var style_ranking_1 = "Null";