Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 28, 2015 at 1:59 pm #557684
    jambrikp

    Hi,

    I would like to do transition for toggle element visible and hide.
    How can I do this?

    Best regards,
    Peter

    December 29, 2015 at 3:24 am #557960
    Elliott

    Hey Peter!

    That would have to be considered custom work. If you want to do learn more about CSS transitions / animations then you can read up on it here, https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions.

    I’m not sure if a CSS would work for the jQuery tabs though. You might need to edit the javascript to apply a different transition. It would be best to hire a freelancer to help you out with that.

    Regards,
    Elliott

    January 13, 2016 at 12:19 pm #564582
    jambrikp

    Hi Elliot!

    I tried with this code:

    .hide-toggle-content .toggle_content {
    display: none;
    height: 0;
    -webkit-transition: all 10s cubic-bezier(0.46, 0.03, 0.52, 0.96);
    transition: all 10s cubic-bezier(0.46, 0.03, 0.52, 0.96);
}

.active_tc .toggle_content {
    display: block;
    height: auto;
    -webkit-transition: all 10s cubic-bezier(0.46, 0.03, 0.52, 0.96);
    transition: all 10s cubic-bezier(0.46, 0.03, 0.52, 0.96);
}

    But doesnt work because using jQuery. So how can I go around jq? Example: turn off or ‘hide’ jq transition and use css in child enfold. Or change jq transition in php but… the newer Enfold version will remove it. :(

    I would like a smoother transition. Do you have any idea?

    Please help me…

    Best regards,
    Peter

    January 14, 2016 at 4:46 pm #565525
    Andy

    Hi!

    it would require a huge amount of time and customization of the theme and that is why you would need to hire a freelance developer for this job.

    Regards,
    Andy

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.