javascript post成功后隐藏/显示导航项目

Question

我有一个导航栏与4个导航项目，并希望隐藏其中一个，直到我提交了一个表格，并收到回应。这个是可能的吗？表单发布到外部API，成功后将返回一些选项，我希望在4导航项目上显示这些选项。我可以在没有问题的情况下显示回复，但我不希望在帖子成功之前看到第四个导航项目，否则它将是空白的。

HTML

                 <ul class="nav nav-stretch nav-line-tabs nav-line-tabs-2x border-transparent fs-5 fw-bolder flex-nowrap"
                    id="myTab" role="tablist">
                    <li class="nav-item" role="presentation">
                        <a class="nav-link active text-active-primary me-6" id="freight-tab" data-toggle="tab"
                           href="#freight" role="tab" aria-controls="home" aria-selected="true">Freight</a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a class="nav-link text-active-primary me-6" id="order-tab" data-toggle="tab" href="#order"
                           role="tab" aria-controls="profile" aria-selected="false">Order Details</a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a class="nav-link text-active-primary me-6" id="customer-tab" data-toggle="tab"
                           href="#customer" role="tab" aria-controls="messages" aria-selected="false">Customer
                            Details</a>
                    </li>
                    <li class="nav-item disabled" role="presentation">
                        <a class="nav-link text-active-primary me-6" id="aervices-tab" data-toggle="tab"
                           href="#services" role="tab" aria-controls="messages" aria-selected="false">>Freight Services</a>
                    </li>
                </ul>

Javascript

        $(document).on('click', 'button[data-wizard-type="action-submit"]', function (e){
        e.preventDefault();
        let wizardData = $("#freight_form").serialize();
        console.log(wizardData);
        $.post({
            url: "{{ route('warehouse.shipping.post_shipping_data') }}",
            data: "order_number={{$order_details->order_number}}&" + wizardData,
            success: function(result){
                const obj = JSON.parse(result);

                console.log(obj.availableFreightServices);
                Swal.fire({
                    position: "top-right",
                    icon: "success",
                    title: "Your work has been saved",
                    showConfirmButton: false,
                    timer: 1500
                });
            }
        })
    });

Answer 1

将导航设置为默认显示:无

eg. <nav id="navID" style="display:none;"></nav>
and
use on ajax success :
document.getElementById("navID").style.display= 'block';