sumitgroup
3 months ago

How to change form after click tabs in Jquery?

Posted 3 months ago by sumitgroup

I have 3 forms, when i click on buy then form1 data should be display, if i click on another rent then form2 data should be show, if i click on project tab then form3 data should be show. Please let me know how i can do it.

Here are the code...

<ul class="nav nav-tabs hero_list">
      <li class="nav-item" id="buy">
        <a data-toggle="tab" href="#all_property" class="all_property">Buy</a>
      </li>
      <li class="nav-item" id="rent">
        <a data-toggle="tab" href="#for_rent" class="">Rent</a>
      </li>
      <li class="nav-item active" id="project">
        <a data-toggle="tab" href="#for_sale" class="active show">Project</a>
      </li>
    </ul>

Here are the form which need to be display after click on tabs...

    <form class="hero__form v1 filter listing-filter form1" id="filterForm" method="POST" action="      {{route('filter.property')}}" >
</form>
    <form class="hero__form v1 filter listing-filter form2" id="filterForm1" method="POST" action="     {{route('filter.property1')}}" >
    </form>
<form class="hero__form v1 filter listing-filter form3" id="filterForm2" method="POST" action="     {{route('filter.property2')}}" >
    </form>

Please sign in or create an account to participate in this conversation.