JSFiddle - React, Tailwind, and code Playground

by jt3k

HTML

<table border="2" class="ms-formtable" style="margin-top: 8px;" border="0" cellpadding="0" cellspacing="0" width="100%">
            
            
            
        <tbody><tr>
        <td nowrap="true" valign="top" width="165px" class="ms-formlabel"><h3 class="ms-standardheader"><a name="SPBookmark_Title"></a>Название</h3></td>
        <td valign="top" class="ms-formbody" width="450px" id="SPFieldText">
        <!-- FieldName="Название"
             FieldInternalName="Title"
             FieldType="SPFieldText"
          -->
            1_2354789&nbsp;
            
        </td>
    </tr>
    
        <tr>
        <td nowrap="true" valign="top" width="165px" class="ms-formlabel"><h3 class="ms-standardheader"><a name="SPBookmark_Status"></a>Статус</h3></td>
        <td valign="top" class="ms-formbody" width="450px" id="SPFieldChoice">
        <!-- FieldName="Статус"
             FieldInternalName="Status"
             FieldType="SPFieldChoice"
          -->
            Новая&nbsp;
            
        </td>
    </tr>
    
        <tr>
        <td nowrap="true" valign="top" width="165px" class="ms-formlabel"><h3 class="ms-standardheader"><a name="SPBookmark_AssignedTo"></a>Кому назначено</h3></td>
        <td valign="top" class="ms-formbody" width="450px" id="SPFieldUser">
        <!-- FieldName="Кому назначено"
             FieldInternalName="AssignedTo"
             FieldType="SPFieldUser"
          -->
            &nbsp;
            
        </td>
    </tr>
    
        <tr>
        <td nowrap="true" valign="top" width="165px" class="ms-formlabel"><h3 class="ms-standardheader"><a name="SPBookmark__x0422__x043e__x0432__x0430__x04"></a>Товар</h3></td>
        <td valign="top" class="ms-formbody" width="450px" id="SPFieldLookup">
        <!-- FieldName="Товар"
             FieldInternalName="_x0422__x043e__x0432__x0430__x04"
             FieldType="SPFieldLookup"
          -->
            <a...

JavaScript

//$("td.ms-formlabel:contains(Товар)").parent("tr").hide()
//                                      .next("tr").hide();

//$("td.ms-formlabel:contains(Товар)").parent("tr").first().show()
//                                      .next("tr").first().show();

$("td.ms-formbody:contains(none)").parent("tr").hide();

$("td.ms-formbody input.ms-input[type=text]").keypress(function(){
    var element = this;
    setTimeout(function(){
        if(parseFloat(element.value)) {
        $(element).parents('tr').next('tr').show("fast")
                                .next("tr").show("slow"); }
    },150);
});