Return to previous page

How i can transfer accordion section bellow heading accordion section

This topic has 10 replies, 2 voices, and was last updated 6 years, 6 months ago ago by Rose Tyler

IvanRyz

Participant

October 13, 2017 at 10:01

How i can transfer accordion section bellow heading accordion section
check screenshot pls
https://prnt.sc/gwurv4

#175041 Copied

9 Answers

Rose Tyler

Support staff

October 13, 2017 at 15:01

Hello,

It’s possible to implement only by additional customization. If you need help with additional customization contact WPKraken team.

Regards

#175084 Copied

IvanRyz

Participant

October 14, 2017 at 12:26

Ok. So how i can hide first accordion block description? I need show desc after click

#175158 Copied

Rose Tyler

Support staff

October 16, 2017 at 08:34

Hello,

It is also requested additional customization in files. Customizations are not covered under our Support Policy.

Regards

#175206 Copied

IvanRyz

Participant

October 17, 2017 at 23:58

Why? i think it is 1 string of code. It is very important for me! Help me pls.

#175406 Copied
Rose Tyler

Support staff

October 18, 2017 at 09:14
You need to create etheme-child.js file in your child theme with this content https://gyazo.com/39fba01e17a701773619e168f3fd8e83:
```
jQuery(document).ready(function(){
  var tabs = jQuery('.tabs.accordion');

  jQuery.each( jQuery( '.tabs.accordion .tabs-nav li' ), function(index, value) {
    var thisTab = jQuery('.tabs.accordion .tab-content').eq(index).remove();
    tabs.find(this).after(thisTab);
  });
});
```
then add this code in function.php file of child theme https://gyazo.com/122443367147bb5b3ce72604183e13c8:
```
function theme_enqueue_scripts() {
    wp_enqueue_script( 'child-theme', get_stylesheet_directory_uri() . '/etheme-child.js', array( 'jquery' ), false, true );
}
add_action('wp_enqueue_scripts', 'theme_enqueue_scripts');
```
Regards
#175436 Copied
IvanRyz

Participant

October 18, 2017 at 11:01

Thanks. So how i can hide first accordion block? i need show accordion description after click. Thank you

#175456 Copied
Rose Tyler

Support staff

October 18, 2017 at 14:25
You’re welcome!
Change content in etheme-child.js file to:
```
jQuery(document).ready(function(){
  var tabs = jQuery('.tabs.accordion');

  jQuery.each( jQuery( '.tabs.accordion .tabs-nav li' ), function(index, value) {
    var thisTab = jQuery('.tabs.accordion .tab-content').eq(index).remove();
    tabs.find(this).after(thisTab);
  });

  tabs.find('.tab-title').first().removeClass('opened').parent().next().hide();

});
```
Regards
#175476 Copied
IvanRyz

Participant

October 18, 2017 at 21:16

you are the best!

#175506 Copied

Rose Tyler

Support staff

October 19, 2017 at 09:25

Hello,

You’re welcome!

Regards

#175540 Copied
Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘How i can transfer accordion section bellow heading accordion section’' has been successfully resolved, and the topic is now closed for further responses

How i can transfer accordion section bellow heading accordion section

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection