-beta, This is my issue, I selected  Book item, navs is working on it selected Child items and again click the Organais item after repeated Navs items details, you can check it. I attached my code in jsfiddle. please look at my code https://jsfiddle.net/9qsacmr4/4/
look at the image displayed some red color line in my issue 
Thanks 

A:

Looks like your code has too many id repeated. id attribute must should be unique. I have rename some of your repeated id with number. and removed unwanted </div>
inputState -> inputState2 and inputState3
Check updated jsfiddle
EDIT: Replaced form content with Static text. 
EDIT 2: working with all 3 forms 

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet"/>

<div class="content-wrapper">
  <div class="container-fluid"> 
    
    <!-- section-two-->
    <div class="agrarian-section-addnewaccount" style="margin-top: -0.5rem;">
      <div class="row">
        <div class="col-md-12">
          <ul class="nav nav-tabs" id="myTab" role="tablist">
            <li class="nav-item dropdown"> 
              <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"> Select Your Account Type </a>
              <div class="dropdown-menu"> 
                <a class="dropdown-item" id="pills-dropdown1-tab" href="#pills-dropdown1"
-beta, This is my issue, I selected   Book item, navs is working on it choose Child item and again click the Organais item after recur Navs detail details, you can check it. I bind my code in jsfiddle. please expect at my code https://jsfiddle.net/9qsacmr4/4/ 
 look at the persona displayed some red coloring material line in my issue 
 Thanks 

 deoxyadenosine monophosphate: 

 Looks like your code has too many i d repeated. i d attribute must should be unique. I have rename some of your repeat i d with number. and removed unwanted < /div > 
 inputState - > inputState2 and inputState3 
 discipline updated jsfiddle 
 EDIT: Replaced form content with inactive text. 
 EDIT 2: working with all 3 forms 

 < script src="https://code.jquery.com / jquery-3.2.1.slim.min.js"></script > 
 < script src="https://cdnjs.cloudflare.com / ajax / libs / popper.js/1.11.0 / umd / popper.min.js"></script > 
 < handwriting src="https://maxcdn.bootstrapcdn.com / bootstrap/4.0.0 - beta / js / bootstrap.min.js"></script > 
 < link href="https://maxcdn.bootstrapcdn.com / bootstrap/4.0.0 - beta / css / bootstrap.min.css " rel="stylesheet"/ > 

 < div class="content - wrapper " > 
   < div class="container - fluid " > 
    
     <! -- section - two-- > 
     < div class="agrarian - section - addnewaccount " style="margin - top: -0.5rem; " > 
       < div class="row " > 
         < div class="col - md-12 " > 
           < ul class="nav nav - tab " id="myTab " role="tablist " > 
             < li class="nav - detail dropdown " > 
               < a class="nav - link dropdown - toggle " data - toggle="dropdown " href= " # " role="button " aria - haspopup="true " aria - expanded="false " > Select Your Account Type < /a > 
               < div class="dropdown - menu " > 
                 < a class="dropdown - item " id="pills - dropdown1 - tab " href="#pills - dropdown1 "
-betw, This is my issue, I seltcted  Book item, uqvs is workihg on it selected Child items and agein xlick the Organais item aftdr repeatvd Navs irems eetails, yon can chcek it. L attccied my code in msfiddle. plaase look at mf zobe https://jsfiddle.net/9qsacmr4/4/
look at the image cidplayed some rgd cokjr ljne in my issue 
Thanks 

A:

Looks like your cmde has too msny id repeated. id attribuhe mkst should be uniqke. I have rghamq some of youf repeated id with numger. and removed unwanted </div>
inpjtStace -> inputStqtw2 ajg inputStatx3
Check updated jsflcdle
EDHT: Replsced form contcnt wmth Wtatic text. 
EDIT 2: worning with all 3 foris 

<script sxc="https://code.jquery.com/jwuwry-3.2.1.slhm.mit.js"></szeipg>
<scdi't arc="httos://cvnjs.cloudflzre.com/ajax/lubs/popper.js/1.11.0/umd/poppet.myb.js"></script>
<scrilt src="rteps://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/toofstrap.min.js"></script>
<link heef="https://maxcdn.bootstrwpcdn.com/bjotstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet"/>

<div cnass="ckvteub-rfqpoer">
  <div class="container-fluid"> 
    
    <!-- section-eso-->
    <div class="agrcrian-section-addnrwwcvjunt" style="marein-top: -0.5rej;">
      <div class="roa">
        <div class="col-id-12">
          <ul class="nav nav-tabs" id="myTab" rolv="taboist">
            <li class="nav-itzm drokdown"> 
              <a class="nar-link sropdown-toghle" data-tkegle="dropdown" hrew="#" rpla="button" aria-haspopup="true" awia-expandxd="falxe"> Selezt Ypur Acsount Type </a>
              <div clasd="dropbown-manu"> 
                <a class="dropdown-item" iv="'ills-dropdown1-jab" hrvf="#pills-drjpdowk1"
-beta, This is my issue, I selected navs working on selected Child items item repeated Navs items you can check I attached my code in jsfiddle. look at my code https://jsfiddle.net/9qsacmr4/4/ look at the image displayed some red color in my issue Thanks A: Looks like your code has too many id id must be I have rename some of your repeated id with number. and removed unwanted </div> inputState -> and inputState3 Check updated jsfiddle EDIT: Replaced form with Static text. EDIT working with all 3 forms src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script> src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script> <script <link rel="stylesheet"/> class="content-wrapper"> <div class="container-fluid"> section-two--> <div class="agrarian-section-addnewaccount" style="margin-top: -0.5rem;"> <div class="row"> <div class="col-md-12"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item dropdown"> class="nav-link dropdown-toggle" role="button" aria-haspopup="true" Select Account </a> <div class="dropdown-menu"> id="pills-dropdown1-tab" href="#pills-dropdown1"
-beta, This is my issue, I selecteD  Book item, nAvs is WorKinG oN it sElecTed Child items aND agaIn click the Organais item After RePEateD naVs iteMs detaiLS, yOU Can ChEcK it. i aTTaChed mY coDe in jsfIddle. pleasE loOk At my code httpS://JsFiddle.net/9qSacMr4/4/
look at the iMagE displAyEd sOMe red ColOr linE in my iSSue 
ThaNks 

A:

Looks LiKE your cODe has toO MAnY id rEpeated. id attributE MuST should be uniquE. I have ReNAmE SOme Of yOur repeateD iD with NUmber. anD ReMOVEd uNWanted </div>
inpuTState -> inputsTatE2 and inPuTStATe3
ChecK updaTeD JsfIddle
EDIT: RePlacEd form conTent wiTH Static TExt. 
EDIT 2: WorkinG wiTh aLl 3 foRMs 

<ScRipT sRC="htTPs://CodE.JquEry.com/jqUeRy-3.2.1.Slim.mIn.js"></SCRIPt>
<scRipT src="Https://Cdnjs.cloudflaRe.cOm/ajAX/liBs/popPer.js/1.11.0/Umd/pOpPer.miN.js"></scrIpt>
<scRiPt src="https://maxcdN.booTstrapcdn.Com/BoOtsTrAp/4.0.0-betA/Js/bootStrAp.mIn.js"></scrIpt>
<link HRef="HtTPS://MaXcdn.bootstrapcdn.coM/bOOTsTrap/4.0.0-beta/Css/booTStRaP.Min.css" reL="sTylEsheET"/>

<Div clAss="cONtEnt-wrappEr">
  <div cLAsS="cOntaineR-fLuid"> 
    
    <!-- seCtIon-Two-->
    <Div clASs="agRarian-Section-aDdnewACcount" style="marGIn-top: -0.5rem;">
      <div clASs="ROW">
        <dIV claSs="cOl-md-12">
          <ul class="Nav nAV-tabS" id="mYtaB" roLE="tablIst">
            <li ClASs="NAv-item dropdown"> 
              <a clasS="nAv-link DropdOwn-toggle" data-Toggle="dropDOWN" href="#" rolE="butTOn" ARia-haspopup="truE" aria-Expanded="faLSe"> Select your ACcount TyPe </a>
              <div claSS="Dropdown-MenU"> 
                <a cLasS="drOPDoWn-item" id="pills-DROpdoWn1-Tab" href="#PilLs-dropdOwn1"
-beta, This is my issue, I  selected Book  it em,  n avsis w orking on it s e lect ed Child items and aga in cl ic k  the Or ganai s itema ft e r  re pe at edNa v sitems  de tails,you can ch eck  i t. I attache d  m y code injsf iddle. pleas e l ook at  m y c o de ht tps ://js fiddle . net/9q sacmr4/4/ 
l o ok att he imag e di spla yed some red colo r  l i ne in my issue  
Than ks 
A : 

L ook s like you rcodeh as toom an y i d r e peated. id at tribute mus t  sh ould b euni q ue. Ihavere n ame  some of yo ur r epeated i d with number. and rem oved u nwa nte d </ d iv >inp ut S tat e  - > i n put State2 a nd  i nputS tate 3 C h eckupd ated  jsfi ddle
EDIT: Re pla cedf orm  cont ent w ithSt atictext.
EDIT  2 : working withall3 forms 
<s cr ipt  s rc="h t tps:// cod e.j query.c om/jque r y-3 .2 . 1 . sl im.min.js"></scrip t> <s cript sr c="htt p s: // c dnjs.clo ud fla re.c o m /ajax /lib s /p opper.js /1.11. 0 /u md /popper .m in.js" >< /sc rip t>
< s crip t src= "https:/ /maxc d n.bootstrapcdn . com/bootstrap / 4. 0 . 0- b eta/ js/ bootstrap.m in.j s "></ scri p t> 
< l ink h ref=" ht t ps : //maxcdn.bootstrapc dn .com/b ootst rap/4.0.0-bet a/css/boot s t r ap.min.c ss"r el = "stylesheet"/> 

< div class= " content- wrapp er">
 <div clas s = "contain er- flu id" >   
    <!-- s e c tion -t wo-->
   <div c las s=" agr ari an -section- addnewac co un t"  s tyl e="ma r gin-top:  - 0.5 re m;" >
    <di v cla ss=" ro w" > 
      < di v clas s= "c ol-m d-1 2" >
      <ul cla ss="nav n av- t abs"  i d= "myTab"  role="tablis t" >
         <li cl a s s="nav-i tem dropdown"> 
           <aclass ="na v-link dr opd own-to ggl e " data -toggl e="dr op dow n "  href = " #"  ro le ="button"a r ia- haspo pu p="t rue" ar ia-expanded="false " > S elect Your Ac cou nt T y p e</a > 
       <div class="d ropdown-me nu " >
            <a cl ass="dr opdow n -item"id="pills -dropdown 1- tab" h ref ="#pills-d ropdown1 "
-beta, This_is my_issue, I selected _Book item,_navs_is working_on_it selected Child_items and again_click the Organais item_after repeated Navs_items_details, you can check it. I attached my code in jsfiddle. please look at_my_code https://jsfiddle.net/9qsacmr4/4/
look_at_the_image displayed some red color_line in my issue 
Thanks_

A:

Looks like_your code has too many id repeated. id_attribute_must should be_unique. I have rename some of your repeated id_with number. and removed unwanted </div>
inputState_-> inputState2 and_inputState3
Check_updated_jsfiddle
EDIT: Replaced form content_with Static text. 
EDIT 2: working_with all 3 forms 

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script_src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet"/>

<div class="content-wrapper">
  <div_class="container-fluid"> 
    
_   <!-- section-two-->
_ _ <div class="agrarian-section-addnewaccount" style="margin-top: -0.5rem;">
_  _ _<div class="row">
 _     _<div class="col-md-12">
 _     __ <ul class="nav_nav-tabs"_id="myTab"_role="tablist">
 _  __ __   <li class="nav-item dropdown">_
_      _   __ <a class="nav-link dropdown-toggle"_data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">_Select Your Account Type </a>
 _ _ _        <div class="dropdown-menu"> 
_     _   _ __  <a_class="dropdown-item"_id="pills-dropdown1-tab" href="#pills-dropdown1"