1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

How to create 3 buttons with different content inside

Discussion in 'Free Divi Community Forum' started by kotkota, Dec 6, 2019.

  1. kotkota

    kotkota Member

    Hello.
    Could somebody to help with this
    There are three buttons, when user click it it change images on the bottom.
    It is possible to create in Divi by default tools? Three buttons and changing content when user click it?
     
    #1 kotkota, Dec 6, 2019
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Digital Marketing' Divi layout for all Pro members:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    #2 Divi.Help, Dec 6, 2019
  3. kotkota

    kotkota Member

    It is possible to make it horizontal?
     
    #3 kotkota, Dec 6, 2019
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Digital Marketing' Divi layout for all Pro members:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    What you meant by horizontal?
     
    #4 Divi.Help, Dec 6, 2019
  5. kotkota

    kotkota Member

    I mean how to create design it looks like no tabs like buttons and content. By default it is very low settings
     

    Attached Files:

    • 1.jpg
      1.jpg
      File size:
      39.9 KB
    #5 kotkota, Dec 6, 2019
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
  6. kotkota

    kotkota Member

    I've found good solution
    Have made all by instruction, but it is not working.... All section are opened no reaction on clicks
     
    #6 kotkota, Dec 6, 2019
  7. Divi.Help

    Divi.Help Administrator
    Staff Member

    Have you added their jQuery code in a code module or WP Admin > Divi > Theme Options > Integration > Body Code?

    If you wish to use tab module, then you can try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #7 Divi.Help, Dec 6, 2019
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Digital Marketing' Divi layout for all Pro members:View Demo
  8. kotkota

    kotkota Member

    Yes, i have try to add code into header and body and by code module in builder, but nothing.
    I'm trying to make the dame solution with blurb module
     
    #8 kotkota, Dec 6, 2019
  9. kotkota

    kotkota Member

    Can somebody help with it? Why JavaScript not working?
     
    #9 kotkota, Dec 7, 2019
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom footer designs for you to choose from:View Demo
  10. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.
     
    #10 Divi.Help, Dec 7, 2019
  11. kotkota

    kotkota Member

    Link
    Section where gray Blurbs "Visible". All like in tutorial
     
    #11 kotkota, Dec 7, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade content toggle design for your Divi site without using any plugins:View Demo
  12. Divi.Help

    Divi.Help Administrator
    Staff Member

    Issue is with the apostrophe symbol in the jQuery code. You will need to remove this: ' and " & retype it using your keyboard.

    upload_2019-12-7_17-33-18.png
     
    #12 Divi.Help, Dec 7, 2019
    kotkota likes this.
  13. kotkota

    kotkota Member

    Yeahh!! That is it! It si working now!!!

    Many thanks

    It is possible to make first button only opened withou close function and change effetct of opening. Now it is open from top to bottom, it is possible to make ik like fading?
     
    #13 kotkota, Dec 7, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade testimonial carousel design for your Divi site without using any plugins:View Demo
  14. Divi.Help

    Divi.Help Administrator
    Staff Member

    For that case, you will need to refer to the tutorial creator about it.
     
    #14 Divi.Help, Dec 7, 2019
    kotkota likes this.
(You must log in or sign up to post here.)