Jquery Treeview Expand and Collapse node on text click with persist cookie option -

-

i expand , collapse nodes when click +/- symbols , when click text (hyperlink) next each symbol. want collapse previous node , expand node clicked. using following method.

$(document).ready(function(){      // first example     $("#navigation").treeview({         persist: "cookie", //i want store state , come state when reload page.         collapsed: true, //i want collapse nodes when load.         unique:true //i want open 1 node @ time     }); });

i have tried lot of options none of them worked. please me.

my html is:

 <ul id="navigation" class="treeview">             <li>                 <div>                     <a href="#">marketing</a>                 </div>                 <ul>                     <li>                         <div>                             <a href="#">joysticks</a>                         </div>                         <ul>                             <li>                                 <div>                                     <a href="#">intel</a>                                 </div>                             </li>                             <li>                                 <div>                                     <a href="#">microsoft</a>                                 </div>                             </li>                             <li>                                 <div>                                     <a href="#">sony</a>                                 </div>                             </li>                         </ul>                     </li>                     <li>                         <div>                             <a href="#">laptops</a>                         </div>                         <ul>                             <li>                                 <div>                                     <a href="#">apple</a>                                 </div>                                 <ul>                                     <li>                                         <div>                                             <a href="#">imac</a>                                         </div>                                     </li>                                     <li>                                         <div>                                             <a href="#">macbook air</a>                                         </div>                                     </li>                                     <li>                                         <div>                                             <a href="#">macbook pro</a>                                         </div>                                     </li>                                     <li>                                         <div>                                             <a href="#">accessories</a>                                         </div>                                     </li>                                 </ul>                             </li>                             <li>                                 <div>                                     <a href="#">dell</a>                                 </div>                                 <ul>                                     <li>                                         <div>                                             <a href="#">inspiron</a>                                         </div>                                     </li>                                     <li>                                         <div>                                             <a href="#">xps</a>                                         </div>                                     </li>                                 </ul>                             </li>                             <li>                                 <div>                                     <a href="#">sony</a>                                 </div>                             </li>                         </ul>                     </li>                     <li>                         <div>                             <a href="#">phones</a>                         </div>                         <ul>                             <li>                                 <div>                                     <a href="#">lg</a>                                 </div>                             </li>                             <li>                                 <div>                                     <a href="#">motorola</a>                                 </div>                             </li>                             <li>                                 <div>                                     <a href="#">samsung</a>                                 </div>                             </li>                         </ul>                     </li>                 </ul>             </li>         </ul>

you're code behind generates <div><a href="#">marketing</a></div>. apparently, there wrong having 2 levels of tags. change structure <span>marketing</span> , work. guess use <a> or <div> if prefer.

i've made changes here , works: http://jsfiddle.net/lbstr/v7a6a/2/


Comments

Post a Comment

Popular posts from this blog

django - How can I change user group without delete record -

-
on website user have 1 group. , user can change group. it's made user.groups.clear() and user.groups.add(new_group) but it's not efficient, because there 2 sql query: delete, insert. how can change group update query? user , group related each other using manytomanyfield . means intersection table exists relating both entities, , if don't specify model map (using through attribute) django creates 1 you. looking @ sources django.contrib.auth.models see that's case. fortunatly, can access intermediary model using through attribute of manager (in case, user.groups.through ). can use regular model. example: >>> alice = user.objects.create_user('alice', 'alice@example.com', 'alicepw') >>> employee = group.objects.create(name='employee') >>> manager = group.objects.create(name='manager') >>> alice.groups.add(employee) >>> alice.groups.all() [<group: employee...
Read more

java - EclipseLink JPA Object is not a known entity type -

-
i have strange problem eclipselink , object want persist. have 1 object (keypointlistimpl) stores object keypointimpl in list. persisting keypointimpl objects works great if try persist keypointlistimpl object java.lang.illegalargumentexception says object keypointimpl isn't known entity type. here keypointimpl code: @entity @table(name="keypoints") public class keypointimpl implements keypoint { @id @generatedvalue(strategy = generationtype.identity) private int id; @enumerated(enumtype.string) private detectortype keypointtype; private float x; private float y; private float size; private float angle; private float response; private int octave; private int classid; ... } here keypointlistimpl code: @entity @table(name="keypointlists") public class keypointlistimpl implements keypointlist { @id @generatedvalue(strategy = generationtype.identity) private int id; @onetoone(cascade={ca...
Read more

java - Need to add SOAP security token -

-
i need set custom soap header attribute on jax-ws generated webservice client. case webservice calls must go through proxy server requiring specific token (recieved web request header) present in soap request header. e.g.: 1 carserviceservice service = null; 2 service = new carserviceservice(new url(url), new qname(qname); 3 carserviceendpoint port = service.getcarserviceport(); it seems in line 3 wsdl retrieved , call fails due missing security token. 1 point direction on how done? a detailed example has been mentioned here: creating , deploying jax-ws web service on tomcat 6 this article shows how create , use security token .
Read more