Surrounding fields in accordion
-
I’m using the very nice jQuery accordion, which turns anything surrounded by
'<div id="accordion">'into an accordion. So, I’d like to put a few fields into an accordion. How would I take something like this:
$section_options->add_field(array( 'name' => 'Test Stripe API Key', 'id' => 'dgx_donate_test_stripe_api_key', 'type' => 'text', 'desc' => __( 'This is the Stripe API key associated with your Stripe account used for test transactions.', 'seamless-donations'), )); $section_options->add_field(array( 'name' => 'Test Stripe Secret Key', 'id' => 'dgx_donate_test_stripe_secret_key', 'type' => 'text', 'desc' => __( 'This is the Stripe secret key associated with your Stripe account used for test transactions.', 'seamless-donations'), ));And turn it into an accordion? I tried to put a ‘before’ element in the first field with the <div id=”accordion”> tag and an ‘after’ element in the second field with the </div> tag, but that failed miserably.
-
Okay, it is workable. You surround the field with some code:
' 'before_field' => '<div id="accordion"><h1>hello</h1>', 'after_field' => '</div>', 'after' => 'This is a note','The <h1> names the accordion. The only gotcha is if anything inside the accordion generates as a <p> (and possibly other tags), the jQuery code thinks it’s a new accordion topic. So, don’t use the internal ‘desc’ field and use the ‘after’ field to generate after the accordion.
- The topic ‘Surrounding fields in accordion’ is closed to new replies.
