javascript - Nestling multiple accordions in jQuery tabs -

-

i need create page 3 tabs across top, accordion inside each tab, able load first accordion, , others appear unrendered. appreciated. did see accordion should placed before tabs in instance, thats not working me either. 

<head>     <meta http-equiv="content-type" content="text/html; charset=utf-8" />      <title>details</title>      <!-- website styles -->     <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">     <link href="css/smoothness/jquery-ui-1.10.3.custom.css" rel="stylesheet">           <style type="text/css">     body {     background-color: #000000; }     </style>  </head>  <body>  <div class="wrapper">      <div class="one_half">      </div>   <div class="one_half last">    <!-- accordion -->      <h2 class="demoheaders">tabs</h2>       <div id="tabs">     <ul>         <li><a href="#tabs-1">first</a></li>         <li><a href="#tabs-2">second</a></li>         <li><a href="#tabs-3">third</a></li>     </ul>     <div id="tabs-1"><h2 class="demoheaders">accordion</h2>     <div id="accordion">     <h3>first</h3>     <div>lorem ipsum dolor sit amet. lorem ipsum dolor sit amet. lorem ipsum dolor sit amet.</div>     <h3>second</h3>     <div>phasellus mattis tincidunt nibh.</div>     <h3>third</h3>     <div>nam dui erat, auctor a, dignissim quis.</div>    </div> </div>     <div id="tabs-2"><div id="accordion">     <h3>first</h3>     <div>lorem ipsum dolor sit amet. lorem ipsum dolor sit amet. lorem ipsum dolor sit amet.</div>     <h3>second</h3>     <div>phasellus mattis tincidunt nibh.</div>     <h3>third</h3>     <div>nam dui erat, auctor a, dignissim quis.</div></div>     <div id="tabs-3">nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. mauris porttitor ullamcorper augue.</div> </div>        </div>    </div>      </div>          <!-- jquery scripts -->         <script src="js/jquery-1.9.1.js"></script>     <script src="js/jquery-ui-1.10.3.custom.js"></script>     <script>$(function() {          $( "#accordion" ).accordion();                 $( "#tabs" ).tabs();         });         </script>  </body>  </html>

you have multiple elements id accordion, must unique, change them accordion1, accordion2 , accordion3 then

$( "#accordion1, #accordion2, #accordion3" ).accordion();

or instead of id use class attribute accordion then

$('.accordion').accordion();

ex:

<div class="wrapper">     <div class="one_half">     </div>     <div class="one_half last">         <!-- accordion -->         <h2 class="demoheaders">tabs</h2>         <div id="tabs">             <ul>                 <li><a href="#tabs-1">first</a></li>                 <li><a href="#tabs-2">second</a></li>                 <li><a href="#tabs-3">third</a></li>             </ul>             <div id="tabs-1"><h2 class="demoheaders">accordion</h2>                 <div class="accordion">                     <h3>first</h3>                     <div>lorem ipsum dolor sit amet. lorem ipsum dolor sit amet. lorem ipsum dolor sit amet.</div>                     <h3>second</h3>                     <div>phasellus mattis tincidunt nibh.</div>                     <h3>third</h3>                     <div>nam dui erat, auctor a, dignissim quis.</div>                 </div>             </div>             <div id="tabs-2"><div class="accordion">                 <h3>first</h3>                 <div>lorem ipsum dolor sit amet. lorem ipsum dolor sit amet. lorem ipsum dolor sit amet.</div>                 <h3>second</h3>                 <div>phasellus mattis tincidunt nibh.</div>                 <h3>third</h3>                 <div>nam dui erat, auctor a, dignissim quis.</div></div>                 <div id="tabs-3">nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. mauris porttitor ullamcorper augue.</div>             </div>         </div>     </div>  </div>

script

$(function() {     $('.accordion').accordion();     $( "#tabs" ).tabs(); });

demo: fiddle


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