javascript - Jquery a .click then .slideDown div -


i have anchor when click slidedown form within div, , click again slide up. used .toggle, have multiple anchors , multiple divs same class, had rework code or else anytime clicked on of anchors divs slidedown , see 4 forms.

so, thought rewrite code .closest, doesn't seem working. think it's because .closest has go dom hierarchy, won't work div way it's laid out. tried .sibling doesn't work either. ideas?

  <a href="#" class="payment-form-show">pre-pay credit card</a>   <div style="display: none;" class="payment-form-wrapper">       <h3><?php _e('submit payment', 'jc_stripe'); ?></h3>       <form action="" method="post" id="stripe-payment-form" class="payment-form">         ...       </form>   </div>    <script>         $("a.payment-form-show").click(function() {             var e = $(this).closest("div.payment-form-wrapper");                     if (e.is(":hidden")) {                         e.slidedown("slow");                         $(this).html("don't pre-pay credit card")                     } else {                         e.slideup("slow");                         $(this).html("pre-pay credit card")                     }             return false;         });     </script>

i think should wrap a.payment-form-show , div.payment-form-wrapper inside div. this:

<div> <a href="#" class="payment-form-show">pre-pay credit card</a>   <div style="display: none;" class="payment-form-wrapper">       <h3><?php _e('submit payment', 'jc_stripe'); ?></h3>       <form action="" method="post" id="stripe-payment-form" class="payment-form">         ...       </form>   </div> </div>

  • when tag clicked, immediate parent , find form:

    $(this).parent().find("div.payment-form-wrapper");

  • in case, div wrapper serves context tags. create more maintainable code. because when use .next() or function .div.payment-form-wrapper, javascript code coupled current position of tags. in future, if modify position, or add tags in between, code fail.


Comments

Post a Comment

Popular posts from this blog

ios - iPhone/iPad different view orientations in different views , and apple approval process -

i force app's home screen portrait , other views landscape. apple rejects app if this? if not , how force first screen launch in portrait mode? , force other screens launch in landscape. this not duplicate question search every possible answer in website. i force app's home screen portrait , other views landscape. apple rejects app if this? no apple not reject app this. have lot of apps doesn't support orientation. forcing on 1 screen won't cause app reject. if not , how force first screen launch in portrait mode? , force other screens launch in landscape. can on write : -(nsuinteger)supportedinterfaceorientations; function.
Read more

java Extracting Zip file -

i'm looking way extract zip file. far have tried java.util.zip , org.apache.commons.compress, both gave corrupted output. basically, input zip file contain 1 single .doc file. java.util.zip: output corrupted. org.apache.commons.compress: output blank file, 2 mb size. so far commercial software winrar work perfectly. there java library make use of this? this method using java.util library: public void extractzipnative(file filezip) { zipinputstream zis; stringbuilder sb; try { zis = new zipinputstream(new fileinputstream(filezip)); zipentry ze = zis.getnextentry(); byte[] buffer = new byte[(int) ze.getsize()]; fileoutputstream fos = new fileoutputstream(this.tempfolderpath+ze.getname()); int len; while ((len=zis.read(buffer))>0) { fos.write(buffer); } fos.flush(); fos.close(); } catch (filenotfoundexception e) { // todo auto-generated catch block ...
Read more

C# WinForm - loading screen -

i ask how make loading screen (just picture or something) appears while program being loaded, , disappears when program has finished loading. in fancier versions, have seen process bar (%) displayed. how can have that, , how calculate % show on it? i know there form_load() event, not see form_loaded() event, or % property / attribute anywhere. all need create 1 form splash screen , show before main start showing landing page , close splash once landing page loaded. class splashform { //delegate cross thread call close private delegate void closedelegate(); //the type of form displayed splash screen. private static splashform splashform; static public void showsplashscreen() { // make sure launched once. if (splashform != null) return; thread thread = new thread(new threadstart(splashform.showform)); thread.isbackground = true; thread.setapartmentstate(apartmentstate.sta); thread....
Read more