Use slide animation for opening tabs or accordionsgetDescription in the slide down panelHow to use tabs...
How to make ice magic work from a scientific point of view?
Is using an 'empty' metaphor considered bad style?
Is "the fire consumed everything on its way" correct?
Is there any risk in sharing info about technologies and products we use with a supplier?
How much mayhem could I cause as a fish?
Why don't key signatures indicate the tonic?
Strange "DuckDuckGo dork" takes me to random website
How would an AI self awareness kill switch work?
Why would space fleets be aligned?
How to not let the Identify spell spoil everything?
A starship is travelling at 0.9c and collides with a small rock. Will it leave a clean hole through, or will more happen?
Can 5 Aarakocra PCs summon an Air Elemental?
Premature ending of generator in list comprehension
Existence of Riemann surface, holomorphic maps
False written accusations not made public - is there law to cover this?
Eww, those bytes are gross
Why was Lupin comfortable with saying Voldemort's name?
Why is Agricola named as such?
What happened to my GE option?
How does Leonard in "Memento" remember reading and writing?
Looking for a specific 6502 Assembler
Can you tell from a blurry photo if focus was too close or too far?
Do authors have to be politically correct in article-writing?
Macro expansion inside href
Use slide animation for opening tabs or accordions
getDescription in the slide down panelHow to use tabs widget in magento2Magento 2: new attribute not showing in list configurable productAdd animation to product tabs (or any jquery widget)Magento 2 Blank Theme: How to reduce the height of Navigation, header and top links?Magento2 Update product description page on extension/plugin/module installationMagento 2: Updating product Price & Quantity AutomaticallyHow to add on scroll animation in magento 2 using AOS (Animation On Scroll) Jquery?Frontend styling has disappeared, and I can't get it backMagento CE 2.2.x - Unable to set attribute set for new product
I'm trying to update the product tabs/accordions to animate when I select them. I've removed the tab styling and adjusted them so they are accordions that open up and down on the page. I'd like to have them slide open with a small amount of transition duration, but I can't figure out the animate property for the accordion widget.
I've tried a handful of property variations based on this documentation and I can't figure out what I'm missing. It's based on jQuery.animate(). https://devdocs.magento.com/guides/v2.3/javascript-dev-guide/widgets/widget_tabs.html#fedg_tabs_options.
Some of the things I've tried:
$("#product-details-accordion").accordion({ "animate":{"easing": "easeOutExpo", "duration":"350"} });
$("#product-details-accordion").accordion({ "animate": { "display": "block", "easing": "swing", "duration": 500 } });
$("#product-details-accordion").accordion({ "animate": { "height": "100%", "easing": "swing", "duration": 500 } });
Thanks in advance for any suggestions!
magento2 jquery widget
add a comment |
I'm trying to update the product tabs/accordions to animate when I select them. I've removed the tab styling and adjusted them so they are accordions that open up and down on the page. I'd like to have them slide open with a small amount of transition duration, but I can't figure out the animate property for the accordion widget.
I've tried a handful of property variations based on this documentation and I can't figure out what I'm missing. It's based on jQuery.animate(). https://devdocs.magento.com/guides/v2.3/javascript-dev-guide/widgets/widget_tabs.html#fedg_tabs_options.
Some of the things I've tried:
$("#product-details-accordion").accordion({ "animate":{"easing": "easeOutExpo", "duration":"350"} });
$("#product-details-accordion").accordion({ "animate": { "display": "block", "easing": "swing", "duration": 500 } });
$("#product-details-accordion").accordion({ "animate": { "height": "100%", "easing": "swing", "duration": 500 } });
Thanks in advance for any suggestions!
magento2 jquery widget
add a comment |
I'm trying to update the product tabs/accordions to animate when I select them. I've removed the tab styling and adjusted them so they are accordions that open up and down on the page. I'd like to have them slide open with a small amount of transition duration, but I can't figure out the animate property for the accordion widget.
I've tried a handful of property variations based on this documentation and I can't figure out what I'm missing. It's based on jQuery.animate(). https://devdocs.magento.com/guides/v2.3/javascript-dev-guide/widgets/widget_tabs.html#fedg_tabs_options.
Some of the things I've tried:
$("#product-details-accordion").accordion({ "animate":{"easing": "easeOutExpo", "duration":"350"} });
$("#product-details-accordion").accordion({ "animate": { "display": "block", "easing": "swing", "duration": 500 } });
$("#product-details-accordion").accordion({ "animate": { "height": "100%", "easing": "swing", "duration": 500 } });
Thanks in advance for any suggestions!
magento2 jquery widget
I'm trying to update the product tabs/accordions to animate when I select them. I've removed the tab styling and adjusted them so they are accordions that open up and down on the page. I'd like to have them slide open with a small amount of transition duration, but I can't figure out the animate property for the accordion widget.
I've tried a handful of property variations based on this documentation and I can't figure out what I'm missing. It's based on jQuery.animate(). https://devdocs.magento.com/guides/v2.3/javascript-dev-guide/widgets/widget_tabs.html#fedg_tabs_options.
Some of the things I've tried:
$("#product-details-accordion").accordion({ "animate":{"easing": "easeOutExpo", "duration":"350"} });
$("#product-details-accordion").accordion({ "animate": { "display": "block", "easing": "swing", "duration": 500 } });
$("#product-details-accordion").accordion({ "animate": { "height": "100%", "easing": "swing", "duration": 500 } });
Thanks in advance for any suggestions!
magento2 jquery widget
magento2 jquery widget
asked 3 mins ago
mluntmlunt
486
486
add a comment |
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "479"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f263572%2fuse-slide-animation-for-opening-tabs-or-accordions%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Magento Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f263572%2fuse-slide-animation-for-opening-tabs-or-accordions%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown