javascript - expand child ul on click of parent li -

-

मेरे पास निम्न संरचना है: 

  & lt; div class = "Downloadscontainer" & gt; & LT; ul & gt; & Lt; li & gt; स्तर 1 & lt; / li & gt; & Lt; li & gt; & lt; a href = "#" & gt; स्तर 1 & lt; / a & gt; & LT; ul & gt; & Lt; li & gt; स्तर 2 & lt; / li & gt; & Lt; li & gt; स्तर 2 & lt; / li & gt; & Lt; li & gt; & lt; a href = "#" & gt; कुछ पृष्ठ & lt; / a & gt; & LT; ul & gt; & Lt; li & gt; स्तर 2 & lt; / li & gt; & Lt; li & gt; स्तर 2 & lt; / li & gt; & Lt; / ul & gt; & Lt; / li & gt; & Lt; / ul & gt; & Lt; / li & gt; & Lt; / ul & gt;   
 
  
 
 
  
 
 
  
 । (कार्य () ($ (".containerer ul li ul")। सीएसएस ("प्रदर्शन", "कोई नहीं"); $ (".contentscontainer li")। प्रत्येक (फ़ंक्शन () {$ (this)। क्लिक करें (फ़ंक्शन () (यदि ($ (यह)। बच्चे ('उल')। लंबाई & gt; 0) {$ ('। Downloadcontainer li ul')। टॉगल ();}}})}};});

इसलिए यदि मैं लेवल 1 LI पर क्लिक करता हूं तो यह ul प्रदर्शित करता है और फिर अगर मैं लेवल 2 पर क्लिक करता हूं LI < / कोड> जिसमें ul भी है, साथ ही यह ul स्तर 1 LI को बंद करता है; मैं यह चाहूंगा कि बच्चे को ul खोलना चाहिए मैं यह कार्यक्षमता कैसे प्राप्त करूं?

<पूर्व> $ (" डाउनलोड कंटैनेर ली ")। क्लिक करें (फ़ंक्शन (ई) {ई.स्टॉपप्रोगैक्शन (); $ (यह)। बच्चे ('उल')। टॉगल ();});

नोट्स:

  • jQuery में कई तत्वों को हेन्डलर्स संलग्न करने के लिए आपको प्रत्येक की आवश्यकता नहीं है।
    • < Li> आपको बस DOM
  • के रूप में @ जॉर्ज सुझाव देते हैं कि आप लंगर क्लिक से बेहतर संलग्न हो सकते हैं।

लंगर दृष्टिकोण लेना मैं निम्नलिखित सुझाव देता हूं कि DOM-friendly friendly : 

  $ (" डाउनलोडकॉन्टेनर एक ")। क्लिक करें (फ़ंक्शन (ई) {e.preventDefault (); $ (this) .closest ('ली')। बच्चों ('उल')। टॉगल ();});

नोट:

  • एंकर को क्लिक करने के लिए सबसे निकटतम LI मिलता है, फिर बच्चे ul s ( अगले के माध्यम से नेविगेट करने के बजाय, जो एक ज्ञात व्यवस्था की आवश्यकता होती है।
  • preventDefault को रिक्त बुकमार्क लिंक ( href रोकेंगे) = "#" अपने उदाहरण में) पृष्ठ के शीर्ष पर स्क्रॉल करने से.यदि वे पूर्ण लिंक थे, तो वे उन्हें नेविगेट करना बंद कर देंगे, इसलिए आपको एक अतिरिक्त जांच की आवश्यकता हो सकती है यदि आप पृष्ठ लिंक जोड़ते हैं। < / Ul>

    उदाहरण के लिए आप यह जांच सकते हैं कि लिंक एक रिक्त बुकमार्क है और अन्य लिंक को सामान्य रूप से आग लगाना है: 

      $ (".containscontainer") .click (function (e) {if ($ (this) .attr ("href") == '#') {e.preventDefault (); $ (this) .closest ('li')। बच्चों ('ul ')।) ();}});

    इस बेला को Google के लिए एक बाहरी लिंक है, साथ ही साथ # लिंक।


Comments

Post a Comment

Popular posts from this blog

winforms - C# Form - Property Change -

-
I have a form that has a property named car A class with many properties. The Properties is being displayed on the current car on the basis of some user actions that are being displayed. So I have to know whether the property has been allocated or set to zero. I'm aware of INotifyPropertyChanged , but in my case I'm not sure that since this change I have changed my car properties car do not want to monitor the property. Any idea how to accomplish this? In advance thank you If you have created a true asset in your class then You should be a great and setter, you can add the code directly to the form property in order to take action on the basis of "form": Public partial category Form 1: form {public form 1 () {InitializeComponent (); } // define car square public class car {public string name = string. Empty; } // private car to keep the value of the current car private variable _car = null; // Property of public form which you can ru...
Read more

java - Algorithm negotiation fail SSH in Jenkins -

-
I am trying to do SSH on the local server from Jenkins, but the following error has been thrown: [SSH] Exception: Algorithm negotiation fail com.jcraft.jsch.JSchException: algorithm talk com.jcraft.jsch.Session.receive_kexinit (Session.javaatar20) at com.jcraft.jsch.Session.connect (Sesson at com.jcraft.jsch.Session.connect (Session.java:150) at org.jvnet.hudson.plugins.SSHSite.createSession (SSHSite.java:141) on failed failed org.jvnet.hudson.plugins. java: 286) .SSHS on org.jvnet.hudson.plugins.SSHBuildWrapper.executePreBuildScript (SSHBuildWrapper.java:75) on Org.jvnet.hudson.plugins.SSHBuildWrapper.setUp (SSHBuildWrapper.java59) ite.executeCommand (SSHSite.java151) on hudson.model.Build $ BuildExecution.doRun hudson.model.AbstractBuild $ AbstractBuildExecution.run (AbstractBuild.java:533) to (Build.java:154) hudson.model.Run.execute ( Run.java:1754) in ended .model.FreeStyleBuild.run (FreeStyl hudson.model.ResourceController.execute (ResourceController.java:89) on hudson.mod...
Read more

java - Messages from .properties file do not display UTF-8 characters -

-
Image
In the form of a title, I can only add that if I enter the html file manually, then it Okay. View Rolver: & lt; Bean id = "templorellolver" class = "org.thymeleaf.templateresolver.ServletContextTemplateResolver" & gt; & Lt; Property name = "prefix" value = "/ web-nf / templates" /> & Lt; Property name = "suffix" value = ". Html" /> & Lt; Property Name = "Template Mode" Value = "HTML5" /> & Lt; Asset name = "cacheable" value = "wrong" /> & Lt; Property Name = "characterEncoding" value = "UTF-8" /> & Lt; / Bean & gt; & Lt; Bean id = "Template Engine" class = "org.thymeleaf.spring3.SpringTemplateEngine" & gt; & Lt; Property Name = "Temploreolar" ref = "Templarolver" /> & Lt; / Bean & gt; & Lt; Bean square = "org.thymeleaf.spring3.view.Thymel...
Read more