Coder Social home page Coder Social logo

codrops / pfold Goto Github PK

View Code? Open in Web Editor NEW
189.0 27.0 45.0 516 KB

A highly experimental jQuery plugin that let's you unfold elements to reveal more content just like a piece of paper. Unfolding directions and number of steps can be specified.

CSS 36.94% JavaScript 63.06%

pfold's Introduction

PFold

A highly experimental jQuery plugin that let's you unfold elements to reveal more content just like a piece of paper. Unfolding directions and number of steps can be specified.

article on Codrops

demo

Licensed under the MIT License

pfold's People

Contributors

botelho avatar crnacura avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

pfold's Issues

Now destroy method

Hi,

How can I destroy the plugin instance and reinitialize it on the same element? Is there a plan to add a destroyer method?

pfolds

nice trick. Although, Im having issues when its on mobile. the fold does not open entirely. Can you help?

Stop repositioning the unfolded object

Is there a way to prevent unfolded thing to get new position, so hidden parts stay hidden (user need to scroll to see full unfolded object) ?
could it be an option ? :)

add check if the element already has change layout??

Hi, I'm using PFold in a loop with infinitscroll plugin, infinitscroll does not pull any scripts from the header or anywhere when rendering new elements,so i was forced to load PFold via infinitscroll, but that will keep reloading PFold each time new elements are loaded so the script adds "div class="uc-final-wrapper" to old elements that already has it from the previous load of PFold .

what i want is to add a check in PFold so if the element already has the "div class="uc-final-wrapper" it wont add another one to it. in other words add "div class="uc-final-wrapper" only to new elements that don't have it. if you want I'll pay for this small add in your code.

Many Thanks!

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.