javascript - What is the best way to user jQuery selector at this problem? -


i don't know best title this. basically, on page have dropdown menu implemented jquery (.slide). dropdown appear in both @ top , bottom of page, it's easier user scroll down , can still use dropdown menu. page display use rail partial can refactor quite easy.

the problem is, since 2 dropdown menus in same page, can't not have same id have same functionality, when user click opens , show other options. best way let them use same logic different id , less code possible.

i don't want this. 

        $('.sub_export_record1').hide();          $('.export_record_link1').click( function(e) {             e.preventdefault();         });          $('.export_record1').click( function(e) {              if ( $(".sub_export_record1").is(":hidden") )             {                 $('.sub_export_record1').slidedown("slow");             }             else             {                 $('.sub_export_record1').hide();             }         });

and second one

        $('.sub_export_record2').hide();          $('.export_record_link2').click( function(e) {             e.preventdefault();         });          $('.export_record2').click( function(e) {              if ( $(".sub_export_record2").is(":hidden") )             {                 $('.sub_export_record2').slidedown("slow");             }             else             {                 $('.sub_export_record2').hide();             }         });

thanks lot. :)

html

<ul> <li class="export_record">     <%= link_to "export record"%>     <ul class="sub_export_record">         <li><%= link_to "export photo wall"%></li>         <li><%= link_to "export pdf"%></li>         <li><%= link_to "export csv"%></li>     </ul> </li> </ul>

there no need identify elements. give them same class (as have in snippet):

$('.sub_export_record').hide();  $('.export_record').click( function(event) {     event.preventdefault();      var $sub = $(this).children(".sub_export_record");            if ( $sub.is(":hidden") ) {         $sub.slidedown("slow");     }     else {         $sub.hide();     } });

Comments

Post a Comment

Popular posts from this blog

c# - SharpSVN - How to get the previous revision? -

i trying find efficient way previous revision of file text comparison using sharpsvn. using (svnclient c = new svnclient()) { c.authentication.defaultcredentials = new networkcredential( configurationmanager.appsettings.get("svnserviceusername") , configurationmanager.appsettings.get("svnservicepassword") , configurationmanager.appsettings.get("svnservicedomain") ); c.authentication.sslservertrusthandlers += new eventhandler<svnsslservertrusteventargs>(authentication_sslservertrusthandlers); collection<svnfileversioneventargs> fileversioncollection = new collection<svnfileversioneventargs>(); svnrevisionrange range = new svnrevisionrange(0, this.hooks.revision); svnfileversionsargs args = new svnfileversionsargs(); args.retrieveproperties = true; args.range = range; foreach (svnchangeitem item in log.changedpaths) { string path = this.repositorypath + it...
Read more

c++ - Is it possible to compile a VST on linux? -

for class project i'm attempting write vst plugin backed cuda. current cuda workflow on linux box, i'd prefer compile , link there. according wikipedia , should possible (i couldn't find steinberg documentation relevant linux) can't find makefile or instructions on how build if aren't using xcode or visual studio. i'm vst 3 sdk doesn't support linux. when try compile plugin under linux, error: ./base/source/fatomic.cpp:39:30: fatal error: libkern/osatomic.h: no such file or directory this issue caused following code in "vst3 sdk/base/source/fatomic.cpp" #if mac #include <libkern/osatomic.h> #if mac_os_x_version_min_required > mac_os_x_version_10_4 #define native_atomic_type (volatile int32_t*) #else #define native_atomic_type (int32_t*) #endif #elif windows #include <windows.h> #endif but hope compiling under linux work vst sdk 2.4. reading. jvstwrapper seems run on lin...
Read more

url - Querystring manipulation of email Address in PHP -

i using third party application (email2http) send me emailid, body , message. unable retrieve email id due name appended on , enclosed < , >. here querystring getting. test.php?from=ajay+reddy &subject=cx&body=somebody when print variable in php returns name , not email id. $from = $_get['from']; echo $from; //output ajay reddy please suggest me how can emailid also. i dont want use post method due testing , debugging. it's working fine. forgot use htmlentities() in debugging.
Read more