jquery - How to get accordion menu closed by default on load -

-

i have jquery code make lists act accordion. accordion open on page load. can please tell me how close on page load?

$(document).ready(function () {     $('#nav > li > a').click(function() {         if ($(this).attr('class') != 'active') {             $('#nav li ul').slideup();             $(this).next().slidetoggle();             $('#nav li a').removeclass('active');             $(this).addclass('active');         }     }); });

please tell me how edit keep accordion closed on page load.

i dont know html code is, if want hide accordion content, think can $(window).load(function() {});

  • when document has finished loading, can hide accordion content hide(), or slideup() or whatever function (or maybe when dom ready?)
  • (or if possible. throw in css hide it, though didn't ask it, i'm throwing out there sake of it)

check out here or snippet bellow:

$(document).ready(function() {    $('#nav > li > a').click(function() {      if ($(this).attr('class') != 'active') {        $('#nav li ul').slideup();        $(this).next().slidetoggle();        $('#nav li a').removeclass('active');        $(this).addclass('active');      }    });  });  $(window).load(function() {    //when document finished loading, hide it; or maybe place on dom ready function?    $('#nav li ul').hide();  });
/*  #nav li ul{      display: none  }  */
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>  <ul id="nav">    <li>      <a href="#">some accordion title guess</a>      <ul>        <li>some accordion content</li>        <li>some accordion content</li>        <li>some accordion content</li>        <li>some accordion content</li>        <li>some accordion content</li>      </ul>    </li>  </ul>


Comments

Post a Comment

Popular posts from this blog

yii2 - Yii 2 Running a Cron in the basic template -

-
i have seen instructions on running cron in advanced template, cant figure out how on basic template. have following controller in basic controllers folder. <?php namespace app\controllers; use yii\console\controller; /** * cron controller */ class croncontroller extends controller { public function actionindex() { echo "cron service runnning"; } public function actionmail($to) { echo "sending mail " . $to; } } i have navigated root of application , tried these comands yii cron php yii cron im getting unknown comand "cron" i know old question failed find actual answer this. if @ code yii exec file you'll notice requires /common/config/aliases.php file console/config/main.php. can naturally change these or copy on these advanced template. hope solves problem wanting same thing.
Read more

asp.net - 'System.Web.HttpContext' does not contain a definition for 'GetOwinContext' Mystery -

-
i realize question might seem trivial some, it's these types of things find myself fighting quite bit , want make sense of despite seeming losing battle in .net (for me anyway). so, if following: using system.web; ... applicationuser user = system.web.httpcontext.getowincontext().getusermanager<applicationusermanager>().findbyid(system.web.httpcontext.user.identity.getuserid()); that produces error in title , red getowincontext() , error cannot resolve symbol 'getowincontext()' however, if following (remove system.web in front of httpcontext ), works expected (or @ least no errors): using system.web; ... applicationuser user = httpcontext.getowincontext().getusermanager<applicationusermanager>().findbyid(system.web.httpcontext.user.identity.getuserid()); however, if (same line that's working using system.web commented out): //using system.web; ... applicationuser user = httpcontext.getowincontext().getusermana...
Read more

mercurial graft feature, can it copy? -

-
there new feature in mercurial 3, called 'graft' (graft local). job of moving change-set different branch. is there way "copy" change-set branch? i interested in in moving stuff qa branch production branch, still need code reside in qa. want copy. found , have tried few things, maybe it'll become clear more tinkering , reading... does have better way of 'cherry picking' change-sets move cross branch (or trunk)??? graft copies changesets, doesn't move them. hg graft (emphasis mine): this command uses mercurial's merge logic copy individual changes other branches without merging branches in history graph. known 'backporting' or 'cherry-picking' . default, graft copy user, date, , description source changesets.
Read more