jquery - Hide/show all DIV but the one picked -

-

see have html code:

<form method="post" id="product_create" action="">     <ul>         <li id="tab1"><a href="#">step 1</a></li>         <li id="tab2"><a href="#">step 2</a></li>         <li id="tab3"><a href="#">step 3</a></li>         <li id="tab4"><a href="#">step 4</a></li>     </ul>      <div id="categories-picker"></div>     <div style="display:none" id="product-select"></div>     <div style="display:none" id="product-details"></div>     <div style="display:none" id="product-stock"></div> </form>

i need show/hide div others picked one. in case if click in li#tab1 div#categories-picker should show , others should hide no matter meaning example if in div#product-stock. same behavior should go rest. made code:

$("#product_create").on("click", "tab1, tab2, tab3, tab4", function() {     $('#product_create').not($(this)).hide(); });

any advice on this? maybe better way don't find it

build kind of relation between <li>s , <div>s need displayed on clicking <li>s. below i've added data attribute, display each <li> indicate <div> displayed on clicking each.

demo

<form method="post" id="product_create" action="">     <ul>         <li id="tab1" data-display="categories-picker"><a href="#">step 1</a></li>         <li id="tab2" data-display="product-select"><a href="#">step 2</a></li>         <li id="tab3" data-display="product-details"><a href="#">step 3</a></li>         <li id="tab4" data-display="product-stock"><a href="#">step 4</a></li>     </ul>      <div id="categories-picker"></div>     <div style="display:none" id="product-select"></div>     <div style="display:none" id="product-details"></div>     <div style="display:none" id="product-stock"></div> </form>

and use relation show appropriate <div>

$("#product_create").on("click", "#tab1, #tab2, #tab3, #tab4", function() {     $('#'+$(this).data('display')).show().siblings('div').hide();     return false; });

update:

changing div if isn't empty

$("#product_create").on("click", "#tab1, #tab2, #tab3, #tab4", function() {     var div = $('#'+$(this).data('display'));     if($.trim(div.html()) !== '') {         $('#'+$(this).data('display')).show().siblings('div').hide();     }     return false; });

Comments

Post a Comment

Popular posts from this blog

java - Run a .jar on Heroku -

-
i trying run .jar file on heroku, , can't find instructions anywhere on how this. have read wants me compile uploading heroku. possible, , if is, how this? if helps, trying run minecraft craftbukkit server, , don't have pom.xml file yet. you didn't provide details i'll try give , people reaches question way it. first of all, create heroku account , create heroku application (assumed have done that). second, need generate application jar , upload heroku. so, open terminal , install heroku cli (assuming unix terminal): $ sudo npm install -g heroku-cli you need have npm , nodejs installed, can check link: https://www.digitalocean.com/community/tutorials/how-to-install-node-js-on-ubuntu-16-04 once done that, can use npm update node version acceptable heroku-cli: $ sudo npm install -g n $ sudo n 7.10.0 and run: $ sudo npm install -g heroku-cli in order deploy jars, need install deploy plugin: $ sudo heroku plugins:install heroku-cli-deploy ...
Read more

java - Jtable duplicate Rows -

-
Image
when add new rows in jtable duplicate rows many times this method update jtable public final void tableaucomande(){ ((defaulttablemodel)tabcommande.getmodel()).getdatavector().clear(); session s=hibernateutil.getsessionfactory().opensession(); criteria cr1= s.createcriteria(commande.class); list <commande> lcs=cr1.list() ; criteria cr2= s.createcriteria(lignecommande.class); list <lignecommande> lck=cr2.list() ; if(lcs.size()!=0 && lck.size()!=0) { (commande lc:lcs) { for(lignecommande lig:lck){ ((defaulttablemodel)tabcommande.getmodel()).addrow(new object[]{ lc.getid_cmd(),lc.getnumcmd(),lc.getdate_cmd(),lc.getclient().getnomprenom(), lig.getproduit().getlib_prd(),lig.getquantite(),lig.getproduit().getid_prd() }); } } // tabcommande.setrowselectioninterval(tabcommande.getrowcount()-1,tabcommande.getrowcount()-1); } } this code add add data rows displaye...
Read more

validation - How to pass paramaters like unix into windows batch file -

-
i need pass various parameters .cmd file unix format file.cmd -configuration=value -source=value -flag but, try this: startlocal @echo off cls setlocal set cmdline=%* set configuration= set source= set badargs= set validation= goto main :splitargs echo splitargs(%*) if "%*" neq "" ( /f "tokens=1,2,* delims== " %%i in ("%*") call :assignkeyvalue %%i %%j & call :splitargs %%k ) goto :eof :assignkeyvalue echo assignkeyvalue(%1, %2) if /i %1==-configuration ( set configuration=%2 ) else if /i %1==-source ( set source=%2 ) else ( rem append unrecognised [key,value] badargs echo unknown key %1 set badargs=%badargs%[%1, %2] ) goto :eof :validate echo validating set validation=fail if defined configuration ( echo -configuration ok if defined source ( echo -source ok if not defined badargs ( set validation=success ) ) ) goto :eof :main cl...
Read more