Giter Site home page Giter Site logo

Using the unfold() method about oridomi HOT 1 CLOSED

dmotz avatar dmotz commented on May 29, 2024
Using the unfold() method

from oridomi.

Comments (1)

dmotz avatar dmotz commented on May 29, 2024

Right now, in order to trigger unfold() the oriDomi element has to have been folded up via foldUp(). These two methods are different from the others in that they initiate a staggered sequence of animations where each panel in the composition folds back individually.

I know this isn't ideal and I'm working on plenty of improvements for the forthcoming version. Specifically, the next version allows you to manipulate folding speed on the fly, so for your case, you could call foldUp() at a speed of 0 (instant), then set the speed to a different value and call unFold. Additionally, the version I'm working on allows automatic queuing via chaining (no need for nested callback trees). It will also deal with the fact that 90 degree folds aren't completely hidden.

In the meantime, you could have your oriDomi composition hidden with CSS initially. Then you could call foldUp() or collapse() etc. (while it's hidden) and set a callback or setTimeout timer to later unhide the element and call unFold() or accordion(0) to reveal the element to its normal state.

Let me know if that makes sense.

from oridomi.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.