Jquery 显示带有标签/输入元素的块在不同的行上

在jquery 3.4.1应用程序中，我有几个带有标签/输入的块 单击方法为backendClient.cbxhaspatialPaymentsOnChange的复选框时隐藏/显示。 我想在一行上显示标签/输入：

                <div class="form-row mb-5 mt-3">
                    <label for="cbx_has_partial_payments" class="col-6 col-form-label">Has partial payments</label>
                    <div class="col-12 col-sm-6 pt-2">
                        <input type="checkbox" class="cbx_has_partial_payments" id="cbx_has_partial_payments"
                               name="cbx_has_partial_payments" value="1"
                               onchange="javascript:backendClient.cbxHasPartialPaymentsOnChange();">
                    </div>
                </div>
                
                <div class="form-row" id="div_invoice_rent">
                    <label for="invoice_rent_formatted" class="col-6 col-form-label">12345 Invoice rent 99</label>
                    <div class="col-12 col-sm-6 pt-2">
                        {!! $viewFuncs->text('invoice_rent_formatted', '', "form-control editable_field",
                            ["maxlength"=>"255","autocomplete"=>"off", "readonly"=> "readonly" ] ) !!}
                    </div>
                </div>


...
backendClient.prototype.cbxHasPartialPaymentsOnChange = function () {
    var has_partial_payments = $("#cbx_has_partial_payments").prop("checked");
    $("#div_invoice_rent").css("display", ( has_partial_payments && parseFloat(this_openedInvoice.rent) > 0 ) ? "block" : "none" );

...

然后标签/输入在一行上。 我的情况有什么问题，如何解决

谢谢

backendClient.prototype.cbxHasPartialPaymentsOnChange = function () {
    var has_partial_payments = $("#cbx_has_partial_payments").prop("checked");
//    $("#div_invoice_rent").css("display", ( has_partial_payments && parseFloat(this_openedInvoice.rent) > 0 ) ? "block" : "none" );