Jquery ul Submenu slidetoggle issue -


I am creating a store using oscommerce and using a single addon that has a menu Displays a noodle list. The UL list looks like this ...

& lt; Ul id = 'suckertree1' & gt; & Lt; Li & gt; & Lt; A href = 'index.php? Cpath = 21 '& gt; Summer and lieutenant; / A & gt; & Lt; Ul & gt; & Lt; Li & gt; & Lt; A href = 'index.php? Cpath = 21_23 '& gt; Bike & lt; / A & gt; & Lt; Ul & gt; & Lt; Li & gt; & Lt; A href = 'index.php? Cpath = 21_23_28 '& gt; E-bike & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = 'index.php? Cpath = 21_23_27 '& gt; Mountain Road & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = 'index.php? Cpath = 21_23_26 '& gt; Road Bike & amp; Nbsp; (1) & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = 'index.php? Cpath = 21_24 '& gt; Clothing & lt; / A & gt; & Lt; Ul & gt; & Lt; Li & gt; & Lt; A href = 'index.php? Cpath = 21_23_28 '& gt; Gloves & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = 'index.php? Cpath = 21_23_27 '& gt; Shoes & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = 'index.php? Cpath = 21_23_26 '& gt; Security & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = 'index.php? Cpath = 22 '& gt; Winter & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt;

I am using jquery to hide a portion of the menu. When you click on the bike - it displays that submenu. My problem is that submenu does not link to the links, they close the menu again.

Here's my (awesome) jQuery code 

  $ (document) .ready (function () {$ ("ul # suckertree1 li ul li ul"). Hide (); $ ("ul # suckertree1 li ul li a" ). (Function (e) {e.preventDefault (); $ ("ul # cicatrere 1 li ul li ul") SlideToggle ();});});

Due to limitations with this menu, I'm already unable to specify classes other than # suckertree1 in the menu or ID. How can I prevent default () from affecting submenu points? Also, if you click an item to toggle a submenu below,

thanks

James

Instead: 

  $ (" ul # suckertree1 li ul li ul "). Slide Toggle ();  & lt; A & gt; , because it is very easy to get on using it.

& lt; Ul & gt; Or, like this: 

  $ (this). Sighing ('ul'). Slide Toggle ();

So it looks like this: 

  $ (function () {$ ("ul # suckertree1 li ul li ul") Hide () ; $ ("Ul # suckertree1 li ul li: is (ul)"). Click (function (e) {$ (this) .siblings ('ul') SlideToggle (); e.preventDefault ( );});});

This also works by using the sub menu links, and what we are doing is to handle this handler only < <<> > Contains element

  • ;
  • ;
  • No sub menu), this code is not even for that anchor. Suggests not, and it continues to be like normal href .


    • -

    Comments

    Post a Comment

    Popular posts from this blog

    Eclipse CDT variable colors in editor -

    I hope this is a good question to ask here. This programming is related, so I thought it would be better than the superuser, so I am using the CDT C ++ Eclipse plugin. I know how the editor changes colors for some things But is there a way to do that all the variables are different colors? For example in KDEValue, it sets the local variables and square variables in different colors and bold square squares. Can I copy it to CDT? Eclips provides some level of color customization for text editor syntax You can see it on the following: There are many elements, including the Window> Preferences> C / C ++> Editor> Syntax color code that can be changed, assembly, Comments, Preprocessor and Doxian Under the code, it is possible to change the color of some variable types, such as global variables, local variable announcements, local variable references, and parameter variables. But I do not think the code is capable of changing the color of each variable declared....
    Read more

    AJAX doesn't send POST query -

    $ (दस्तावेज़) .ready (function () {function ajaxselectrss (rssurlvar) {var ajaxRequest; // वेरिएबल जो अजाक्स को संभव बनाता है! कोशिश करें कि {// ओपेरा 8.0+, फ़ायरफ़ॉक्स, सफारी अजाक्स अनुरोध} = नया एक्सएमएलएचटीपीआरइवेस्ट ();} कैच (ई) {// इंटरनेट एक्सप्लोरर ब्राउज़र्स {ajaxRequest = new ActiveXObject ("Msxml2.XMLHTTP");} पकड़ो (ई) {try {ajaxRequest = new ActiveXObject ("Microsoft.XMLHTTP");} कैच (ई) {// कुछ गलत चेतावनी ("आपका ब्राउज़र तोड़ दिया!"); वापसी झूठी;}}} // एक बनाएं फ़ंक्शन जो सर्वर से भेजे गए डेटा प्राप्त करेंगे ajaxRequest.onreadystatechange = function () {if (ajaxRequest.readyState == 4) {var ajaxDisplay = document.getElementById ('news'); ajaxDisplay.innerHTML = ajaxRequest.responseText;}} / / Var rssurlvar = $ (this) .attr ("title"); var queryString = "rurl =" + rssurlvar; var urltofile = "rssget.php"; ajaxRequest.open ("पोस्ट", urltofile, सच); ajaxRequ Est.setRequestHeader ("सामग्री-प्र...
    Read more

    wpf - Custom Message Box Advice -

    Well, I'm using a custom window box that comes with some custom control boxes that accompany the text The producers who are displayed are called. I have a defined event, which has been subscribed through the original class, it gets burnt when clicking on the button. However, I can not see how to use it effectively, I would like to return one yes, whether yes or not, but obviously my code will continue to execute, so this Below is some example code to clarify the problem that the method has subscibed by clicking on the button. Message box window Public partial class custom message box: window {public representative message messagebox object sender, event events e); Public event messagebox handler messagebox document; Public Customs Box () {Initial group (); } Public Customsbox (String Message) {InitializeComponent (); This.txtdescription.Text = Message; } Public Customsbox (String Message, String Title, String First BTNtext) {Initialization (); This.lbltitle.Content =...
    Read more