jquery - Cannot finish dropdown menu -


so have spent lot of time on , have got final part , cannot seem make dropdown function.

i using jquery hover. hover on main link, sub links appear , content moves down, hover on sublink has children , sub sublinks appear , content moves down more when hover on sub sub link, content shifts sub sub links remain visible under it.

i have few theories may me through this, 1 of use sub function instead of 2 different ones. use case statement move content have feeling if streamline code may end fixing problem also.

here jquery:

$(document).ready(function () {     $(".main-menu-link").hover(function () {         $(".main-menu-link").removeclass("active");         $(this).addclass("active");         //$(".menu-depth-1").hide();         $(this).parent().siblings().children('ul').hide();         //         $(this).siblings(".menu-depth-1").fadein();         if ($(this).siblings('ul').is(":visible")) {             $("#index-content").animate({                 'margin-top': 46             });             alert('doh');         } else {             $("#index-content").animate({                 'margin-top': 10             });         }      });     $(".sub-menu-link").hover(function () {         $(".sub-menu-link").removeclass("active");         $(this).addclass("active");         $(this).parent().siblings().children('ul').hide();         $(this).siblings(".menu-depth-2").fadein();         if ($(this).siblings('ul').is(":visible")) {             $("#index-content").animate({                 'margin-top': 92             });         } else {             $("#index-content").animate({                 'margin-top': 46             });         }     });  });

and here jsfiddle:

http://jsfiddle.net/8tcqt/4/

thanks , reading.

c

$(".sub-menu-link").hover(function () {

this line reason why sub-sub-links cause content move up, because both sub-links , sub-sub-links trigger hover function.

$(".sub-menu-link").hover(function () {     $(".sub-menu-link").removeclass("active");     $(this).addclass("active");      // added following line:     $(this).siblings().find('.sub-menu-link').off('mouseenter mouseleave');      $(this).parent().siblings().children('ul').hide();     $(this).siblings(".menu-depth-2").fadein();     if ($(this).siblings('ul').is(":visible")) {         $("#index-content").animate({             'margin-top': 92         });     } else {         $("#index-content").animate({             'margin-top': 46         });     } });

with line of code added, removes hover function sub-sub-links when parent sub-links first hovered.

alternatively, use class name instead of class="sub-menu-link" sub-sub-links.

note solution tackles problem found @ level of sub-sub-links. if there need deeper lists of links i.e. sub-sub-sub-links , sub-sub-sub-sub-links, creating "sub function", said, preferable.


Comments

Post a Comment

Popular posts from this blog

python - How to create a legend for 3D bar in matplotlib? -

Image
given ax = plt.subplot() : ax.bar()[0] can passed plt.legend() . however, ax.bar3d() returns none . how create legend displayed bars? update: passing legend="stuff" ax.bar3d() , calling ax.legend() raises /usr/lib/python2.6/site-packages/matplotlib/axes.py:4368: userwarning: no labeled objects found. use label='...' kwarg on individual plots. warnings.warn("no labeled objects found. " you need use proxy artist legends not supported. this code: from mpl_toolkits.mplot3d import axes3d import matplotlib.pyplot plt import numpy np fig = plt.figure() ax = fig.add_subplot(111, projection='3d') x, y = np.random.rand(2, 100) * 4 hist, xedges, yedges = np.histogram2d(x, y, bins=4) elements = (len(xedges) - 1) * (len(yedges) - 1) xpos, ypos = np.meshgrid(xedges[:-1]+0.25, yedges[:-1]+0.25) xpos = xpos.flatten() ypos = ypos.flatten() zpos = np.zeros(elements) dx = 0.5 * np.ones_like(zpos) dy = dx.copy() dz = hist.flatten() ax...
Read more

java - Multi-Label Document Classification -

i have database in store data based upon following 3 fields: id, text, {labels}. note each text has been assigned more 1 label \ tag \ class. want build model (weka \ rapidminer \ mahout) able recommend \ classify bunch of labels \ tags \ classes given text. i have heard svm , naive bayes classifier, not sure whether support multi-label classification or not. guides me right direction more welcome! the basic multilabel classification method one-vs.-the-rest (ovr), called binary relevance (br). basic idea take off-the-shelf binary classifier, such naive bayes or svm, create k instances of solve k independent classification problems. in python-like pseudocode: for each class k: learner = svm(settings) # example labels = [class_of(x) == k x in samples] learner.learn(samples, labels) then @ prediction time, run each of binary classifiers on sample , collect labels predict positive. (both training , prediction can done in parallel, since problems assumed ...
Read more

php - Dynamic url re-writing using htaccess -

how can rewrite http://mydomain.com/test/master.php?catid=2&subcatid=8 http://mydomain.com/test/master.php/catname/subcat using .htaccess file. once rewritten, how can access these parameters in master.php? note: untested, let me know if doesn't work. rewriterule ^master.php/([a-za-z0-9_-]+)/([a-za-z0-9_-]+)$ /master.php?catid$1&subcatid=$2 [l]
Read more