added outlets for top constraints

Update README.md

.travis.yml

@@ -0,0 +1,6 @@
+osx_image: xcode7.3
+language: objective-c
+
+xcode_project: FoldingCell/FoldingCell.xcodeproj
+xcode_scheme: FoldingCell
+xcode_sdk: iphonesimulator

CONTRIBUTING.md

@@ -0,0 +1,33 @@
+# Contributing to a Project
+Now that you’ve found the material for understanding the project, here is how you can take action.
+
+### Create an Issue
+
+If you find a bug in a project you’re using (and you don’t know how to fix it), have trouble following the documentation or have a question about the project – create an issue! There’s nothing to it and whatever issue you’re having, you’re likely not the only one, so others will find your issue helpful, too. For more information on how issues work, check out our Issues guide.
+
+#### Issues Pro Tips
+
+Check existing issues for your issue. Duplicating an issue is slower for both parties so search through open and closed issues to see if what you’re running into has been addressed already.
+Be clear about what your problem is: what was the expected outcome, what happened instead? Detail how someone else can recreate the problem.
+Link to demos recreating the problem on things like JSFiddle or CodePen.
+Include system details like what the browser, library or operating system you’re using and its version.
+Paste error output or logs in your issue or in a Gist. If pasting them in the issue, wrap it in three backticks: ``` so that it renders nicely.
+
+### Pull Request
+
+If you’re able to patch the bug or add the feature yourself – fantastic, make a pull request with the code! Be sure you’ve read any documents on contributing, understand the license and have signed a CLA if required. Once you’ve submitted a pull request the maintainer(s) can compare your branch to the existing one and decide whether or not to incorporate (pull in) your changes.
+
+#### Pull Request Pro Tips
+
+Fork the repository and clone it locally. Connect your local to the original ‘upstream’ repository by adding it as a remote. Pull in changes from ‘upstream’ often so that you stay up to date so that when you submit your pull request, merge conflicts will be less likely. See more detailed instructions here.
+Create a branch for your edits.
+Be clear about what problem is occurring and how someone can recreate that problem or why your feature will help. Then be equally as clear about the steps you took to make your changes.
+It’s best to test. Run your changes against any existing tests if they exist and create new ones when needed. Whether tests exist or not, make sure your changes don’t break the existing project.
+Include screenshots of the before and after if your changes include differences in HTML/CSS. Drag and drop the images into the body of your pull request.
+Contribute in the style of the project to the best of your abilities. This may mean using indents, semi colons or comments differently than you would in your own repository, but makes it easier for the maintainer to merge, others to understand and maintain in the future.
+
+#### Open Pull Requests
+
+Once you’ve opened a pull request a discussion will start around your proposed changes. Other contributors and users may chime in, but ultimately the decision is made by the maintainer(s). You may be asked to make some changes to your pull request, if so, add more commits to your branch and push them – they’ll automatically go into the existing pull request.
+
+If your pull request is merged – great! If it is not, no sweat, it may not be what the project maintainer had in mind, or they were already working on it. This happens, so our recommendation is to take any feedback you’ve received and go forth and pull request again – or create your own open source project.

FoldingCell.podspec

@@ -1,6 +1,6 @@
 Pod::Spec.new do |s|
   s.name         = 'FoldingCell'
-  s.version      = '0.1'
+  s.version      = '0.8.7'
   s.summary      = 'UITableViewCell with folding animation.'
   s.homepage     = 'https://github.com/Ramotion/folding-cell'
   s.license      = 'MIT'

FoldingCell/FoldingCell.xcodeproj/project.pbxproj

@@ -7,16 +7,18 @@
 	objects = {
 
 /* Begin PBXBuildFile section */
-		840B984C1C33FE660081B926 /* FoldingCellFramework.h in Headers */ = {isa = PBXBuildFile; fileRef = 840B984B1C33FE660081B926 /* FoldingCellFramework.h */; settings = {ATTRIBUTES = (Public, ); }; };
-		840B98501C33FE660081B926 /* FoldingCellFramework.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 840B98491C33FE660081B926 /* FoldingCellFramework.framework */; };
-		840B98511C33FE660081B926 /* FoldingCellFramework.framework in Embed Frameworks */ = {isa = PBXBuildFile; fileRef = 840B98491C33FE660081B926 /* FoldingCellFramework.framework */; settings = {ATTRIBUTES = (CodeSignOnCopy, RemoveHeadersOnCopy, ); }; };
-		840B98561C33FE730081B926 /* FoldingCell.swift in Sources */ = {isa = PBXBuildFile; fileRef = 847A581A1C294FAB0028FB84 /* FoldingCell.swift */; };
 		847A58081C294F750028FB84 /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 847A58071C294F750028FB84 /* AppDelegate.swift */; };
 		847A580D1C294F750028FB84 /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 847A580B1C294F750028FB84 /* Main.storyboard */; };
 		847A580F1C294F750028FB84 /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 847A580E1C294F750028FB84 /* Assets.xcassets */; };
 		847A58121C294F750028FB84 /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 847A58101C294F750028FB84 /* LaunchScreen.storyboard */; };
 		847A581B1C294FAB0028FB84 /* FoldingCell.swift in Sources */ = {isa = PBXBuildFile; fileRef = 847A581A1C294FAB0028FB84 /* FoldingCell.swift */; };
 		847A581F1C29500B0028FB84 /* MainTableViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 847A581E1C29500B0028FB84 /* MainTableViewController.swift */; };
+		848B463B1C56458C00D49B45 /* FoldingCell.swift in Sources */ = {isa = PBXBuildFile; fileRef = 847A581A1C294FAB0028FB84 /* FoldingCell.swift */; };
+		8498513F1C5639F9006FA400 /* FoldingCellTests.swift in Sources */ = {isa = PBXBuildFile; fileRef = 8498513E1C5639F9006FA400 /* FoldingCellTests.swift */; };
+		8499D8881D0054A8004B5B37 /* FoldingCell.h in Headers */ = {isa = PBXBuildFile; fileRef = 8499D8871D0054A8004B5B37 /* FoldingCell.h */; settings = {ATTRIBUTES = (Public, ); }; };
+		8499D88C1D0054A8004B5B37 /* FoldingCell.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 8499D8851D0054A8004B5B37 /* FoldingCell.framework */; };
+		8499D88D1D0054A8004B5B37 /* FoldingCell.framework in Embed Frameworks */ = {isa = PBXBuildFile; fileRef = 8499D8851D0054A8004B5B37 /* FoldingCell.framework */; settings = {ATTRIBUTES = (CodeSignOnCopy, RemoveHeadersOnCopy, ); }; };
+		8499D8911D0054BF004B5B37 /* FoldingCell.swift in Sources */ = {isa = PBXBuildFile; fileRef = 847A581A1C294FAB0028FB84 /* FoldingCell.swift */; };
 		8499F5DD1C2A83F70027D5D2 /* OpenSans-Bold.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 8499F5D31C2A83F70027D5D2 /* OpenSans-Bold.ttf */; };
 		8499F5DE1C2A83F70027D5D2 /* OpenSans-BoldItalic.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 8499F5D41C2A83F70027D5D2 /* OpenSans-BoldItalic.ttf */; };
 		8499F5DF1C2A83F70027D5D2 /* OpenSans-ExtraBold.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 8499F5D51C2A83F70027D5D2 /* OpenSans-ExtraBold.ttf */; };
@@ -31,12 +33,19 @@
 /* End PBXBuildFile section */
 
 /* Begin PBXContainerItemProxy section */
-		840B984E1C33FE660081B926 /* PBXContainerItemProxy */ = {
+		849851411C5639F9006FA400 /* PBXContainerItemProxy */ = {
 			isa = PBXContainerItemProxy;
 			containerPortal = 847A57FC1C294F750028FB84 /* Project object */;
 			proxyType = 1;
-			remoteGlobalIDString = 840B98481C33FE660081B926;
-			remoteInfo = FoldingCellFramework;
+			remoteGlobalIDString = 847A58031C294F750028FB84;
+			remoteInfo = FoldingCell;
+		};
+		8499D88A1D0054A8004B5B37 /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 847A57FC1C294F750028FB84 /* Project object */;
+			proxyType = 1;
+			remoteGlobalIDString = 8499D8841D0054A8004B5B37;
+			remoteInfo = FoldingCell;
 		};
 /* End PBXContainerItemProxy section */
 
@@ -47,7 +56,7 @@
 			dstPath = "";
 			dstSubfolderSpec = 10;
 			files = (
-				840B98511C33FE660081B926 /* FoldingCellFramework.framework in Embed Frameworks */,
+				8499D88D1D0054A8004B5B37 /* FoldingCell.framework in Embed Frameworks */,
 			);
 			name = "Embed Frameworks";
 			runOnlyForDeploymentPostprocessing = 0;
@@ -55,10 +64,9 @@
 /* End PBXCopyFilesBuildPhase section */
 
 /* Begin PBXFileReference section */
-		840B98491C33FE660081B926 /* FoldingCellFramework.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = FoldingCellFramework.framework; sourceTree = BUILT_PRODUCTS_DIR; };
 		840B984B1C33FE660081B926 /* FoldingCellFramework.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = FoldingCellFramework.h; sourceTree = "<group>"; };
 		840B984D1C33FE660081B926 /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
-		847A58041C294F750028FB84 /* FoldingCell.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = FoldingCell.app; sourceTree = BUILT_PRODUCTS_DIR; };
+		847A58041C294F750028FB84 /* FoldingCellDemo.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = FoldingCellDemo.app; sourceTree = BUILT_PRODUCTS_DIR; };
 		847A58071C294F750028FB84 /* AppDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = "<group>"; };
 		847A580C1C294F750028FB84 /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/Main.storyboard; sourceTree = "<group>"; };
 		847A580E1C294F750028FB84 /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = "<group>"; };
@@ -66,6 +74,12 @@
 		847A58131C294F750028FB84 /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
 		847A581A1C294FAB0028FB84 /* FoldingCell.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = FoldingCell.swift; sourceTree = "<group>"; };
 		847A581E1C29500B0028FB84 /* MainTableViewController.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = MainTableViewController.swift; sourceTree = "<group>"; };
+		8498513C1C5639F9006FA400 /* FoldingCellTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = FoldingCellTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
+		8498513E1C5639F9006FA400 /* FoldingCellTests.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = FoldingCellTests.swift; sourceTree = "<group>"; };
+		849851401C5639F9006FA400 /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
+		8499D8851D0054A8004B5B37 /* FoldingCell.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = FoldingCell.framework; sourceTree = BUILT_PRODUCTS_DIR; };
+		8499D8871D0054A8004B5B37 /* FoldingCell.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = FoldingCell.h; sourceTree = "<group>"; };
+		8499D8891D0054A8004B5B37 /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
 		8499F5D31C2A83F70027D5D2 /* OpenSans-Bold.ttf */ = {isa = PBXFileReference; lastKnownFileType = file; path = "OpenSans-Bold.ttf"; sourceTree = "<group>"; };
 		8499F5D41C2A83F70027D5D2 /* OpenSans-BoldItalic.ttf */ = {isa = PBXFileReference; lastKnownFileType = file; path = "OpenSans-BoldItalic.ttf"; sourceTree = "<group>"; };
 		8499F5D51C2A83F70027D5D2 /* OpenSans-ExtraBold.ttf */ = {isa = PBXFileReference; lastKnownFileType = file; path = "OpenSans-ExtraBold.ttf"; sourceTree = "<group>"; };
@@ -80,18 +94,25 @@
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
-		840B98451C33FE660081B926 /* Frameworks */ = {
+		847A58011C294F750028FB84 /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				8499D88C1D0054A8004B5B37 /* FoldingCell.framework in Frameworks */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		849851391C5639F9006FA400 /* Frameworks */ = {
 			isa = PBXFrameworksBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
-		847A58011C294F750028FB84 /* Frameworks */ = {
+		8499D8811D0054A8004B5B37 /* Frameworks */ = {
 			isa = PBXFrameworksBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
-				840B98501C33FE660081B926 /* FoldingCellFramework.framework in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -112,6 +133,8 @@
 			children = (
 				847A58061C294F750028FB84 /* FoldingCell */,
 				840B984A1C33FE660081B926 /* FoldingCellFramework */,
+				8498513D1C5639F9006FA400 /* FoldingCellTests */,
+				8499D8861D0054A8004B5B37 /* FoldingCell */,
 				847A58051C294F750028FB84 /* Products */,
 			);
 			sourceTree = "<group>";
@@ -119,8 +142,9 @@
 		847A58051C294F750028FB84 /* Products */ = {
 			isa = PBXGroup;
 			children = (
-				847A58041C294F750028FB84 /* FoldingCell.app */,
-				840B98491C33FE660081B926 /* FoldingCellFramework.framework */,
+				847A58041C294F750028FB84 /* FoldingCellDemo.app */,
+				8498513C1C5639F9006FA400 /* FoldingCellTests.xctest */,
+				8499D8851D0054A8004B5B37 /* FoldingCell.framework */,
 			);
 			name = Products;
 			sourceTree = "<group>";
@@ -149,6 +173,24 @@
 			path = FoldingCell;
 			sourceTree = "<group>";
 		};
+		8498513D1C5639F9006FA400 /* FoldingCellTests */ = {
+			isa = PBXGroup;
+			children = (
+				8498513E1C5639F9006FA400 /* FoldingCellTests.swift */,
+				849851401C5639F9006FA400 /* Info.plist */,
+			);
+			path = FoldingCellTests;
+			sourceTree = "<group>";
+		};
+		8499D8861D0054A8004B5B37 /* FoldingCell */ = {
+			isa = PBXGroup;
+			children = (
+				8499D8871D0054A8004B5B37 /* FoldingCell.h */,
+				8499D8891D0054A8004B5B37 /* Info.plist */,
+			);
+			path = FoldingCell;
+			sourceTree = "<group>";
+		};
 		8499F5D21C2A83D90027D5D2 /* Fonts */ = {
 			isa = PBXGroup;
 			children = (
@@ -169,38 +211,20 @@
 /* End PBXGroup section */
 
 /* Begin PBXHeadersBuildPhase section */
-		840B98461C33FE660081B926 /* Headers */ = {
+		8499D8821D0054A8004B5B37 /* Headers */ = {
 			isa = PBXHeadersBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
-				840B984C1C33FE660081B926 /* FoldingCellFramework.h in Headers */,
+				8499D8881D0054A8004B5B37 /* FoldingCell.h in Headers */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
 /* End PBXHeadersBuildPhase section */
 
 /* Begin PBXNativeTarget section */
-		840B98481C33FE660081B926 /* FoldingCellFramework */ = {
+		847A58031C294F750028FB84 /* FoldingCellDemo */ = {
 			isa = PBXNativeTarget;
-			buildConfigurationList = 840B98541C33FE660081B926 /* Build configuration list for PBXNativeTarget "FoldingCellFramework" */;
-			buildPhases = (
-				840B98441C33FE660081B926 /* Sources */,
-				840B98451C33FE660081B926 /* Frameworks */,
-				840B98461C33FE660081B926 /* Headers */,
-				840B98471C33FE660081B926 /* Resources */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = FoldingCellFramework;
-			productName = FoldingCellFramework;
-			productReference = 840B98491C33FE660081B926 /* FoldingCellFramework.framework */;
-			productType = "com.apple.product-type.framework";
-		};
-		847A58031C294F750028FB84 /* FoldingCell */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 847A58161C294F750028FB84 /* Build configuration list for PBXNativeTarget "FoldingCell" */;
+			buildConfigurationList = 847A58161C294F750028FB84 /* Build configuration list for PBXNativeTarget "FoldingCellDemo" */;
 			buildPhases = (
 				847A58001C294F750028FB84 /* Sources */,
 				847A58011C294F750028FB84 /* Frameworks */,
@@ -210,12 +234,48 @@
 			buildRules = (
 			);
 			dependencies = (
-				840B984F1C33FE660081B926 /* PBXTargetDependency */,
+				8499D88B1D0054A8004B5B37 /* PBXTargetDependency */,
+			);
+			name = FoldingCellDemo;
+			productName = FoldingCell;
+			productReference = 847A58041C294F750028FB84 /* FoldingCellDemo.app */;
+			productType = "com.apple.product-type.application";
+		};
+		8498513B1C5639F9006FA400 /* FoldingCellTests */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = 849851431C5639F9006FA400 /* Build configuration list for PBXNativeTarget "FoldingCellTests" */;
+			buildPhases = (
+				849851381C5639F9006FA400 /* Sources */,
+				849851391C5639F9006FA400 /* Frameworks */,
+				8498513A1C5639F9006FA400 /* Resources */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+				849851421C5639F9006FA400 /* PBXTargetDependency */,
+			);
+			name = FoldingCellTests;
+			productName = FoldingCellTests;
+			productReference = 8498513C1C5639F9006FA400 /* FoldingCellTests.xctest */;
+			productType = "com.apple.product-type.bundle.unit-test";
+		};
+		8499D8841D0054A8004B5B37 /* FoldingCell */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = 8499D88E1D0054A8004B5B37 /* Build configuration list for PBXNativeTarget "FoldingCell" */;
+			buildPhases = (
+				8499D8801D0054A8004B5B37 /* Sources */,
+				8499D8811D0054A8004B5B37 /* Frameworks */,
+				8499D8821D0054A8004B5B37 /* Headers */,
+				8499D8831D0054A8004B5B37 /* Resources */,
+			);
+			buildRules = (
+			);
+			dependencies = (
 			);
 			name = FoldingCell;
 			productName = FoldingCell;
-			productReference = 847A58041C294F750028FB84 /* FoldingCell.app */;
-			productType = "com.apple.product-type.application";
+			productReference = 8499D8851D0054A8004B5B37 /* FoldingCell.framework */;
+			productType = "com.apple.product-type.framework";
 		};
 /* End PBXNativeTarget section */
 
@@ -227,11 +287,17 @@
 				LastUpgradeCheck = 0720;
 				ORGANIZATIONNAME = "Alex K.";
 				TargetAttributes = {
-					840B98481C33FE660081B926 = {
-						CreatedOnToolsVersion = 7.2;
-					};
 					847A58031C294F750028FB84 = {
 						CreatedOnToolsVersion = 7.2;
+						DevelopmentTeam = LEAZS7L33U;
+					};
+					8498513B1C5639F9006FA400 = {
+						CreatedOnToolsVersion = 7.2;
+						TestTargetID = 847A58031C294F750028FB84;
+					};
+					8499D8841D0054A8004B5B37 = {
+						CreatedOnToolsVersion = 7.3.1;
+						DevelopmentTeam = LEAZS7L33U;
 					};
 				};
 			};
@@ -248,20 +314,14 @@
 			projectDirPath = "";
 			projectRoot = "";
 			targets = (
-				847A58031C294F750028FB84 /* FoldingCell */,
-				840B98481C33FE660081B926 /* FoldingCellFramework */,
+				847A58031C294F750028FB84 /* FoldingCellDemo */,
+				8498513B1C5639F9006FA400 /* FoldingCellTests */,
+				8499D8841D0054A8004B5B37 /* FoldingCell */,
 			);
 		};
 /* End PBXProject section */
 
 /* Begin PBXResourcesBuildPhase section */
-		840B98471C33FE660081B926 /* Resources */ = {
-			isa = PBXResourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
 		847A58021C294F750028FB84 /* Resources */ = {
 			isa = PBXResourcesBuildPhase;
 			buildActionMask = 2147483647;
@@ -282,17 +342,23 @@
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
-/* End PBXResourcesBuildPhase section */
-
-/* Begin PBXSourcesBuildPhase section */
-		840B98441C33FE660081B926 /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
+		8498513A1C5639F9006FA400 /* Resources */ = {
+			isa = PBXResourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
-				840B98561C33FE730081B926 /* FoldingCell.swift in Sources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
+		8499D8831D0054A8004B5B37 /* Resources */ = {
+			isa = PBXResourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXResourcesBuildPhase section */
+
+/* Begin PBXSourcesBuildPhase section */
 		847A58001C294F750028FB84 /* Sources */ = {
 			isa = PBXSourcesBuildPhase;
 			buildActionMask = 2147483647;
@@ -304,13 +370,35 @@
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
+		849851381C5639F9006FA400 /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				8498513F1C5639F9006FA400 /* FoldingCellTests.swift in Sources */,
+				848B463B1C56458C00D49B45 /* FoldingCell.swift in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		8499D8801D0054A8004B5B37 /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				8499D8911D0054BF004B5B37 /* FoldingCell.swift in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
 /* End PBXSourcesBuildPhase section */
 
 /* Begin PBXTargetDependency section */
-		840B984F1C33FE660081B926 /* PBXTargetDependency */ = {
+		849851421C5639F9006FA400 /* PBXTargetDependency */ = {
 			isa = PBXTargetDependency;
-			target = 840B98481C33FE660081B926 /* FoldingCellFramework */;
-			targetProxy = 840B984E1C33FE660081B926 /* PBXContainerItemProxy */;
+			target = 847A58031C294F750028FB84 /* FoldingCellDemo */;
+			targetProxy = 849851411C5639F9006FA400 /* PBXContainerItemProxy */;
+		};
+		8499D88B1D0054A8004B5B37 /* PBXTargetDependency */ = {
+			isa = PBXTargetDependency;
+			target = 8499D8841D0054A8004B5B37 /* FoldingCell */;
+			targetProxy = 8499D88A1D0054A8004B5B37 /* PBXContainerItemProxy */;
 		};
 /* End PBXTargetDependency section */
 
@@ -334,46 +422,6 @@
 /* End PBXVariantGroup section */
 
 /* Begin XCBuildConfiguration section */
-		840B98521C33FE660081B926 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CURRENT_PROJECT_VERSION = 1;
-				DEFINES_MODULE = YES;
-				DYLIB_COMPATIBILITY_VERSION = 1;
-				DYLIB_CURRENT_VERSION = 1;
-				DYLIB_INSTALL_NAME_BASE = "@rpath";
-				INFOPLIST_FILE = FoldingCellFramework/Info.plist;
-				INSTALL_PATH = "$(LOCAL_LIBRARY_DIR)/Frameworks";
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
-				PRODUCT_BUNDLE_IDENTIFIER = com.ramotion.FoldingCellFramework;
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SKIP_INSTALL = YES;
-				TARGETED_DEVICE_FAMILY = "1,2";
-				VERSIONING_SYSTEM = "apple-generic";
-				VERSION_INFO_PREFIX = "";
-			};
-			name = Debug;
-		};
-		840B98531C33FE660081B926 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				CURRENT_PROJECT_VERSION = 1;
-				DEFINES_MODULE = YES;
-				DYLIB_COMPATIBILITY_VERSION = 1;
-				DYLIB_CURRENT_VERSION = 1;
-				DYLIB_INSTALL_NAME_BASE = "@rpath";
-				INFOPLIST_FILE = FoldingCellFramework/Info.plist;
-				INSTALL_PATH = "$(LOCAL_LIBRARY_DIR)/Frameworks";
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
-				PRODUCT_BUNDLE_IDENTIFIER = com.ramotion.FoldingCellFramework;
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SKIP_INSTALL = YES;
-				TARGETED_DEVICE_FAMILY = "1,2";
-				VERSIONING_SYSTEM = "apple-generic";
-				VERSION_INFO_PREFIX = "";
-			};
-			name = Release;
-		};
 		847A58141C294F750028FB84 /* Debug */ = {
 			isa = XCBuildConfiguration;
 			buildSettings = {
@@ -459,6 +507,7 @@
 			isa = XCBuildConfiguration;
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CODE_SIGN_IDENTITY = "iPhone Developer";
 				EMBEDDED_CONTENT_CONTAINS_SWIFT = YES;
 				INFOPLIST_FILE = FoldingCell/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
@@ -472,6 +521,7 @@
 			isa = XCBuildConfiguration;
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CODE_SIGN_IDENTITY = "iPhone Developer";
 				EMBEDDED_CONTENT_CONTAINS_SWIFT = YES;
 				INFOPLIST_FILE = FoldingCell/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
@@ -481,17 +531,81 @@
 			};
 			name = Release;
 		};
+		849851441C5639F9006FA400 /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				BUNDLE_LOADER = "$(TEST_HOST)";
+				DEFINES_MODULE = YES;
+				INFOPLIST_FILE = FoldingCellTests/Info.plist;
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
+				PRODUCT_BUNDLE_IDENTIFIER = com.ramotion.FoldingCellTests;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/FoldingCell.app/FoldingCell";
+			};
+			name = Debug;
+		};
+		849851451C5639F9006FA400 /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				BUNDLE_LOADER = "$(TEST_HOST)";
+				DEFINES_MODULE = YES;
+				INFOPLIST_FILE = FoldingCellTests/Info.plist;
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
+				PRODUCT_BUNDLE_IDENTIFIER = com.ramotion.FoldingCellTests;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/FoldingCell.app/FoldingCell";
+			};
+			name = Release;
+		};
+		8499D88F1D0054A8004B5B37 /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				CLANG_ANALYZER_NONNULL = YES;
+				CODE_SIGN_IDENTITY = "iPhone Developer";
+				CURRENT_PROJECT_VERSION = 1;
+				DEFINES_MODULE = YES;
+				DYLIB_COMPATIBILITY_VERSION = 1;
+				DYLIB_CURRENT_VERSION = 1;
+				DYLIB_INSTALL_NAME_BASE = "@rpath";
+				INFOPLIST_FILE = FoldingCell/Info.plist;
+				INSTALL_PATH = "$(LOCAL_LIBRARY_DIR)/Frameworks";
+				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
+				PRODUCT_BUNDLE_IDENTIFIER = com.ramotion.FoldingCell;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SKIP_INSTALL = YES;
+				TARGETED_DEVICE_FAMILY = "1,2";
+				VERSIONING_SYSTEM = "apple-generic";
+				VERSION_INFO_PREFIX = "";
+			};
+			name = Debug;
+		};
+		8499D8901D0054A8004B5B37 /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				CLANG_ANALYZER_NONNULL = YES;
+				CODE_SIGN_IDENTITY = "iPhone Developer";
+				CURRENT_PROJECT_VERSION = 1;
+				DEFINES_MODULE = YES;
+				DYLIB_COMPATIBILITY_VERSION = 1;
+				DYLIB_CURRENT_VERSION = 1;
+				DYLIB_INSTALL_NAME_BASE = "@rpath";
+				INFOPLIST_FILE = FoldingCell/Info.plist;
+				INSTALL_PATH = "$(LOCAL_LIBRARY_DIR)/Frameworks";
+				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
+				PRODUCT_BUNDLE_IDENTIFIER = com.ramotion.FoldingCell;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SKIP_INSTALL = YES;
+				TARGETED_DEVICE_FAMILY = "1,2";
+				VERSIONING_SYSTEM = "apple-generic";
+				VERSION_INFO_PREFIX = "";
+			};
+			name = Release;
+		};
 /* End XCBuildConfiguration section */
 
 /* Begin XCConfigurationList section */
-		840B98541C33FE660081B926 /* Build configuration list for PBXNativeTarget "FoldingCellFramework" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				840B98521C33FE660081B926 /* Debug */,
-				840B98531C33FE660081B926 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-		};
 		847A57FF1C294F750028FB84 /* Build configuration list for PBXProject "FoldingCell" */ = {
 			isa = XCConfigurationList;
 			buildConfigurations = (
@@ -501,7 +615,7 @@
 			defaultConfigurationIsVisible = 0;
 			defaultConfigurationName = Release;
 		};
-		847A58161C294F750028FB84 /* Build configuration list for PBXNativeTarget "FoldingCell" */ = {
+		847A58161C294F750028FB84 /* Build configuration list for PBXNativeTarget "FoldingCellDemo" */ = {
 			isa = XCConfigurationList;
 			buildConfigurations = (
 				847A58171C294F750028FB84 /* Debug */,
@@ -510,6 +624,23 @@
 			defaultConfigurationIsVisible = 0;
 			defaultConfigurationName = Release;
 		};
+		849851431C5639F9006FA400 /* Build configuration list for PBXNativeTarget "FoldingCellTests" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				849851441C5639F9006FA400 /* Debug */,
+				849851451C5639F9006FA400 /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		8499D88E1D0054A8004B5B37 /* Build configuration list for PBXNativeTarget "FoldingCell" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				8499D88F1D0054A8004B5B37 /* Debug */,
+				8499D8901D0054A8004B5B37 /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+		};
 /* End XCConfigurationList section */
 	};
 	rootObject = 847A57FC1C294F750028FB84 /* Project object */;

FoldingCell/FoldingCell.xcodeproj/xcshareddata/xcschemes/FoldingCell.xcscheme

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <Scheme
-   LastUpgradeVersion = "0720"
+   LastUpgradeVersion = "0730"
    version = "1.3">
    <BuildAction
       parallelizeBuildables = "YES"
@@ -14,9 +14,9 @@
             buildForAnalyzing = "YES">
             <BuildableReference
                BuildableIdentifier = "primary"
-               BlueprintIdentifier = "840B98481C33FE660081B926"
-               BuildableName = "FoldingCellFramework.framework"
-               BlueprintName = "FoldingCellFramework"
+               BlueprintIdentifier = "8499D8841D0054A8004B5B37"
+               BuildableName = "FoldingCell.framework"
+               BlueprintName = "FoldingCell"
                ReferencedContainer = "container:FoldingCell.xcodeproj">
             </BuildableReference>
          </BuildActionEntry>
@@ -45,9 +45,9 @@
       <MacroExpansion>
          <BuildableReference
             BuildableIdentifier = "primary"
-            BlueprintIdentifier = "840B98481C33FE660081B926"
-            BuildableName = "FoldingCellFramework.framework"
-            BlueprintName = "FoldingCellFramework"
+            BlueprintIdentifier = "8499D8841D0054A8004B5B37"
+            BuildableName = "FoldingCell.framework"
+            BlueprintName = "FoldingCell"
             ReferencedContainer = "container:FoldingCell.xcodeproj">
          </BuildableReference>
       </MacroExpansion>
@@ -63,9 +63,9 @@
       <MacroExpansion>
          <BuildableReference
             BuildableIdentifier = "primary"
-            BlueprintIdentifier = "840B98481C33FE660081B926"
-            BuildableName = "FoldingCellFramework.framework"
-            BlueprintName = "FoldingCellFramework"
+            BlueprintIdentifier = "8499D8841D0054A8004B5B37"
+            BuildableName = "FoldingCell.framework"
+            BlueprintName = "FoldingCell"
             ReferencedContainer = "container:FoldingCell.xcodeproj">
          </BuildableReference>
       </MacroExpansion>

FoldingCell/FoldingCell/Base.lproj/Main.storyboard

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="9531" systemVersion="15C50" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" initialViewController="0cn-rv-Emg">
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="10117" systemVersion="15F34" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" initialViewController="0cn-rv-Emg">
     <dependencies>
         <deployment identifier="iOS"/>
-        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="9529"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="10085"/>
     </dependencies>
     <customFonts key="customFonts">
         <mutableArray key="OpenSans-Light.ttf">
@@ -50,28 +50,28 @@
         <!--Main Table View Controller-->
         <scene sceneID="Q2d-BE-geS">
             <objects>
-                <tableViewController id="0cn-rv-Emg" customClass="MainTableViewController" customModule="FoldingCell" customModuleProvider="target" sceneMemberID="viewController">
+                <tableViewController storyboardIdentifier="MainTableViewController" id="0cn-rv-Emg" customClass="MainTableViewController" customModule="FoldingCellDemo" customModuleProvider="target" sceneMemberID="viewController">
                     <tableView key="view" clipsSubviews="YES" contentMode="scaleToFill" alwaysBounceVertical="YES" showsHorizontalScrollIndicator="NO" showsVerticalScrollIndicator="NO" dataMode="prototypes" style="plain" separatorStyle="none" showsSelectionImmediatelyOnTouchBegin="NO" rowHeight="667" sectionHeaderHeight="28" sectionFooterHeight="28" id="MwZ-K3-six">
                         <rect key="frame" x="0.0" y="0.0" width="600" height="695"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <color key="backgroundColor" white="1" alpha="1" colorSpace="calibratedWhite"/>
                         <color key="sectionIndexBackgroundColor" white="0.0" alpha="0.0" colorSpace="calibratedWhite"/>
                         <prototypes>
-                            <tableViewCell clipsSubviews="YES" contentMode="scaleToFill" selectionStyle="none" indentationWidth="10" reuseIdentifier="FoldingCell" rowHeight="667" id="fgm-B1-nUi" customClass="DemoCell" customModule="FoldingCell" customModuleProvider="target">
+                            <tableViewCell clipsSubviews="YES" contentMode="scaleToFill" selectionStyle="none" indentationWidth="10" reuseIdentifier="FoldingCell" rowHeight="667" id="fgm-B1-nUi" customClass="DemoCell" customModule="FoldingCellDemo" customModuleProvider="target">
                                 <rect key="frame" x="0.0" y="28" width="600" height="667"/>
                                 <autoresizingMask key="autoresizingMask"/>
                                 <tableViewCellContentView key="contentView" opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" tableViewCell="fgm-B1-nUi" id="MxP-E5-nua">
                                     <rect key="frame" x="0.0" y="0.0" width="600" height="667"/>
                                     <autoresizingMask key="autoresizingMask"/>
                                     <subviews>
-                                        <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="CQr-i9-7br" userLabel="Foreground" customClass="RotatedView" customModule="FoldingCell" customModuleProvider="target">
+                                        <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="CQr-i9-7br" userLabel="Foreground" customClass="RotatedView" customModule="FoldingCellDemo" customModuleProvider="target">
                                             <rect key="frame" x="20" y="7" width="560" height="165"/>
                                             <subviews>
                                                 <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="UhV-pr-kw4" userLabel="LeftView">
                                                     <rect key="frame" x="0.0" y="0.0" width="88" height="165"/>
                                                     <subviews>
-                                                        <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="£25" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="uWG-zH-Vjo">
-                                                            <rect key="frame" x="19" y="31" width="42" height="33"/>
+                                                        <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="#25" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="uWG-zH-Vjo">
+                                                            <rect key="frame" x="19" y="31" width="43" height="33"/>
                                                             <fontDescription key="fontDescription" name="OpenSans-Light" family="Open Sans" pointSize="24"/>
                                                             <color key="textColor" red="1" green="1" blue="1" alpha="0.8008604307432432" colorSpace="calibratedRGB"/>
                                                             <nil key="highlightedColor"/>
@@ -375,7 +375,7 @@
                                                         <constraint firstItem="O5y-fi-aEI" firstAttribute="leading" secondItem="sdL-VL-QmS" secondAttribute="trailing" constant="1" id="vn1-SH-zt8"/>
                                                     </constraints>
                                                 </view>
-                                                <view tag="1" contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="stA-YF-Roj" userLabel="SecondContanerView" customClass="RotatedView" customModule="FoldingCell" customModuleProvider="target">
+                                                <view tag="1" contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="stA-YF-Roj" userLabel="SecondContanerView" customClass="RotatedView" customModule="FoldingCellDemo" customModuleProvider="target">
                                                     <rect key="frame" x="0.0" y="165" width="560" height="165"/>
                                                     <subviews>
                                                         <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="SENDER" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="W63-7b-X8w">
@@ -518,7 +518,7 @@
                                                         <constraint firstAttribute="height" constant="165" id="zna-xw-SZ3"/>
                                                     </constraints>
                                                 </view>
-                                                <view tag="2" contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="dXA-2m-h6U" userLabel="ThirdContanerView" customClass="RotatedView" customModule="FoldingCell" customModuleProvider="target">
+                                                <view tag="2" contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="dXA-2m-h6U" userLabel="ThirdContanerView" customClass="RotatedView" customModule="FoldingCellDemo" customModuleProvider="target">
                                                     <rect key="frame" x="0.0" y="330" width="560" height="72"/>
                                                     <subviews>
                                                         <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="4an-5P-hxw" userLabel="fromView">
@@ -596,7 +596,7 @@
                                                         <constraint firstItem="xej-CM-tIb" firstAttribute="top" secondItem="dXA-2m-h6U" secondAttribute="top" id="xOe-NP-ZG0"/>
                                                     </constraints>
                                                 </view>
-                                                <view tag="3" contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="073-FT-8Xc" userLabel="BottomContanerView" customClass="RotatedView" customModule="FoldingCell" customModuleProvider="target">
+                                                <view tag="3" contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="073-FT-8Xc" userLabel="BottomContanerView" customClass="RotatedView" customModule="FoldingCellDemo" customModuleProvider="target">
                                                     <rect key="frame" x="0.0" y="402" width="560" height="72"/>
                                                     <subviews>
                                                         <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="7hv-c7-TPM" userLabel="line">
@@ -688,8 +688,12 @@
                                     </userDefinedRuntimeAttribute>
                                 </userDefinedRuntimeAttributes>
                                 <connections>
+                                    <outlet property="closeNumberLabel" destination="uWG-zH-Vjo" id="4Fq-wZ-nFd"/>
                                     <outlet property="containerView" destination="CGm-93-iX0" id="gSm-z4-RdG"/>
+                                    <outlet property="containerViewTop" destination="wys-AY-Zdw" id="Exs-1v-4Jn"/>
                                     <outlet property="foregroundView" destination="CQr-i9-7br" id="88q-9Z-PtA"/>
+                                    <outlet property="foregroundViewTop" destination="9tL-QY-I0e" id="shI-yB-FgY"/>
+                                    <outlet property="openNumberLabel" destination="7eb-NE-XLS" id="mrT-hs-afw"/>
                                 </connections>
                             </tableViewCell>
                         </prototypes>

FoldingCell/FoldingCell/DemoCell.swift

@@ -10,19 +10,26 @@ import UIKit
 
 class DemoCell: FoldingCell {
     
+  @IBOutlet weak var closeNumberLabel: UILabel!
+  @IBOutlet weak var openNumberLabel: UILabel!
+  
+  var number: Int = 0 {
+    didSet {
+      closeNumberLabel.text = String(number)
+      openNumberLabel.text = String(number)
+    }
+  }
     override func awakeFromNib() {
         
         foregroundView.layer.cornerRadius = 10
         foregroundView.layer.masksToBounds = true
         
-        
         super.awakeFromNib()
     }
     
     override func animationDuration(itemIndex:NSInteger, type:AnimationType)-> NSTimeInterval {
      
-        let durations = [0.33, 0.26, 0.26]
-        
+        let durations = [0.26, 0.2, 0.2]
         return durations[itemIndex]
     }
 

FoldingCell/FoldingCell/FoldingCell.h

@@ -0,0 +1,19 @@
+//
+//  FoldingCell.h
+//  FoldingCell
+//
+//  Created by Alex K. on 02/06/16.
+//  Copyright © 2016 Alex K. All rights reserved.
+//
+
+#import <UIKit/UIKit.h>
+
+//! Project version number for FoldingCell.
+FOUNDATION_EXPORT double FoldingCellVersionNumber;
+
+//! Project version string for FoldingCell.
+FOUNDATION_EXPORT const unsigned char FoldingCellVersionString[];
+
+// In this header, you should import all the public headers of your framework using statements like #import <FoldingCell/PublicHeader.h>
+
+

FoldingCell/FoldingCell/FoldingCell/FoldingCell.swift

@@ -23,459 +23,514 @@
 
 import UIKit
 
+/// UITableViewCell with folding animation
 public class FoldingCell: UITableViewCell {
-    
-    public typealias CompletionHandler = () -> Void
-
-    @IBOutlet weak var containerView: UIView!
-    @IBOutlet weak var foregroundView: RotatedView!
-    var animationView: UIView?
-    
-    @IBInspectable var itemCount: NSInteger = 2
-    
-    @IBInspectable var backViewColor: UIColor = UIColor.brownColor()
-    
-    var animationItemViews: [RotatedView]?
-    
-    public enum AnimationType {
-        case Open
-        case Close
-    }
+  
+  /// UIView whitch display when cell open
+  @IBOutlet weak public var containerView: UIView!
+  @IBOutlet weak public var containerViewTop: NSLayoutConstraint!
+  
+  /// UIView whitch display when cell close
+  @IBOutlet weak public var foregroundView: RotatedView!
+  @IBOutlet weak public var foregroundViewTop: NSLayoutConstraint!
+  var animationView: UIView?
+  
+  ///  the number of folding elements. Default 2
+  @IBInspectable public var itemCount: NSInteger = 2
+  
+  /// The color of the back cell
+  @IBInspectable public var backViewColor: UIColor = UIColor.brownColor()
+  
+  var animationItemViews: [RotatedView]?
+  
+  /**
+   Folding animation types
    
-    // MARK:  life cicle
+   - Open:  Open direction
+   - Close: Close direction
+   */
+  public enum AnimationType {
+    case Open
+    case Close
+  }
+  
+  // MARK:  life cicle
+  
+  override public init(style: UITableViewCellStyle, reuseIdentifier: String?) {
+    super.init(style: style, reuseIdentifier: reuseIdentifier)
+  }
+  
+  required public init?(coder aDecoder: NSCoder) {
+    super.init(coder: aDecoder)
+  }
+  
+  override public func awakeFromNib() {
+    super.awakeFromNib()
     
-    override public func awakeFromNib() {
-        super.awakeFromNib()
-        
-        configureDefaultState()
+    commonInit()
+  }
+  
+  /**
+   Call this method in methods init(style: UITableViewCellStyle, reuseIdentifier: String?) after creating Views
+   */
+  public func commonInit() {
+    configureDefaultState()
+    
+    self.selectionStyle = .None
+    
+    containerView.layer.cornerRadius = foregroundView.layer.cornerRadius
+    containerView.layer.masksToBounds = true
+  }
 
-        self.selectionStyle = .None
-        containerView.backgroundColor = UIColor.clearColor()
-        
-        containerView.layer.cornerRadius = foregroundView.layer.cornerRadius
-        containerView.layer.masksToBounds = true
-    }
-
-    // MARK: configure
+  
+  // MARK: configure
+  
+  func configureDefaultState() {
     
-    func configureDefaultState() {
-        let foregroundTopConstraint = self.contentView.constraints.filter{ $0.identifier == "ForegroundViewTop"}.first
-        let containerViewTopConstraint = self.contentView.constraints.filter{ $0.identifier == "ContainerViewTop"}.first
-        
-        assert(foregroundTopConstraint != nil, "set identifier")
-        assert(containerViewTopConstraint != nil, "set identifier")
-        
-        containerViewTopConstraint!.constant = foregroundTopConstraint!.constant
-        containerView.alpha = 0;
-        
-        foregroundView.layer.anchorPoint = CGPoint.init(x: 0.5, y: 1)
-        foregroundTopConstraint!.constant += foregroundView.bounds.height / 2
-        foregroundView.layer.transform = foregroundView.transform3d()
-        
-        createAnimationView();
-        self.contentView.bringSubviewToFront(foregroundView)
+    guard let foregroundViewTop = self.foregroundViewTop,
+      let containerViewTop = self.containerViewTop else {
+        fatalError("set constratins outlets")
     }
     
-    func createAnimationItemView()->[RotatedView] {
-        var items = [RotatedView]()
-        items.append(foregroundView)
-        var rotatedViews = [RotatedView]()
-        for itemView in animationView!.subviews.filter({$0 is RotatedView}).sort({ $0.tag < $1.tag }) as! [RotatedView] {
-            rotatedViews.append(itemView)
-            if itemView.backView != nil {
-                rotatedViews.append(itemView.backView!)
-            }
-        }
-        items.appendContentsOf(rotatedViews)
-        return items
+    containerViewTop.constant = foregroundViewTop.constant
+    containerView.alpha = 0;
+    
+    foregroundView.layer.anchorPoint = CGPoint.init(x: 0.5, y: 1)
+    foregroundViewTop.constant += foregroundView.bounds.height / 2
+    foregroundView.layer.transform = foregroundView.transform3d()
+    
+    createAnimationView();
+    self.contentView.bringSubviewToFront(foregroundView)
+  }
+  
+  func createAnimationItemView()->[RotatedView] {
+    guard let animationView = self.animationView else {
+      fatalError()
     }
     
-    func configureAnimationItems(animationType: AnimationType) {
+    var items = [RotatedView]()
+    items.append(foregroundView)
+    var rotatedViews = [RotatedView]()
+    for case let itemView as RotatedView in animationView.subviews.filter({$0 is RotatedView}).sort({ $0.tag < $1.tag }){
+      rotatedViews.append(itemView)
+      if let backView = itemView.backView {
+        rotatedViews.append(backView)
+      }
+    }
+    items.appendContentsOf(rotatedViews)
+    return items
+  }
+  
+  func configureAnimationItems(animationType: AnimationType) {
+    
+    guard let animationViewSuperView = animationView?.subviews else {
+      fatalError()
+    }
+    
+    if animationType == .Open {
+      for view in animationViewSuperView.filter({$0 is RotatedView}) {
+        view.alpha = 0;
+      }
+    } else { // close
+      for case let view as RotatedView in animationViewSuperView.filter({$0 is RotatedView}) {
         if animationType == .Open {
-            for view in animationView!.subviews.filter({$0 is RotatedView}) {
-                view.alpha = 0;
-            }
-        } else { // close
-            for view: RotatedView in animationView!.subviews.filter({$0 is RotatedView}) as! [RotatedView] {
-                if animationType == .Open {
-                    view.alpha = 0
-                } else {
-                    view.alpha = 1
-                    view.backView?.alpha = 0
-                }
-            }
-        }
-    }
-    
-    func createAnimationView() {
-        
-        let anAnimationView = UIView(frame: containerView.frame)
-        anAnimationView.layer.cornerRadius = foregroundView.layer.cornerRadius
-        anAnimationView.backgroundColor = UIColor.clearColor()
-        anAnimationView.translatesAutoresizingMaskIntoConstraints = false
-        self.contentView.addSubview(anAnimationView)
-        
-        // copy constraints from containerView
-        var newConstraints = [NSLayoutConstraint]()
-        for constraint in self.contentView.constraints {
-            if let item: UIView = constraint.firstItem as? UIView {
-                if item == containerView {
-                    let newConstraint = NSLayoutConstraint(
-                        item: anAnimationView,
-                        attribute: constraint.firstAttribute,
-                        relatedBy: constraint.relation,
-                        toItem: constraint.secondItem,
-                        attribute: constraint.secondAttribute,
-                        multiplier: constraint.multiplier,
-                        constant: constraint.constant)
-                    
-                    newConstraints.append(newConstraint)
-                } else if let item: UIView = constraint.secondItem as? UIView {
-                    if item == containerView {
-                        let newConstraint = NSLayoutConstraint(
-                            item: constraint.firstItem,
-                            attribute: constraint.firstAttribute,
-                            relatedBy: constraint.relation,
-                            toItem: anAnimationView,
-                            attribute: constraint.secondAttribute,
-                            multiplier: constraint.multiplier,
-                            constant: constraint.constant)
-                        
-                        newConstraints.append(newConstraint)
-                    }
-                }
-            }
-        }
-        self.contentView.addConstraints(newConstraints)
-        
-        for constraint in containerView.constraints { // added height constraint
-            if constraint.firstAttribute == .Height {
-                let newConstraint = NSLayoutConstraint(
-                    item: anAnimationView,
-                    attribute: constraint.firstAttribute,
-                    relatedBy: constraint.relation,
-                    toItem: nil,
-                    attribute: constraint.secondAttribute,
-                    multiplier: constraint.multiplier,
-                    constant: constraint.constant)
-               
-                anAnimationView.addConstraint(newConstraint)
-            }
-        }
-        
-        animationView = anAnimationView
-    }
-    
-    func addImageItemsToAnimationView() {
-        containerView.alpha = 1;
-        
-        // added first item
-        var image = containerView.pb_takeSnapshot(CGRect(x: 0, y: 0, width: containerView.bounds.size.width, height: foregroundView.bounds.size.height))
-        var imageView = UIImageView(image: image)
-        imageView.tag = 0
-        imageView.layer.cornerRadius = foregroundView.layer.cornerRadius
-        animationView?.addSubview(imageView)
-        
-        // added secod item
-        
-        image = containerView.pb_takeSnapshot(
-            CGRect(x: 0,
-                y: foregroundView.bounds.size.height,
-                width: containerView.bounds.size.width,
-                height: foregroundView.bounds.size.height))
-        
-        imageView = UIImageView(image: image)
-        let rotatedView = RotatedView(frame: imageView.frame)
-        rotatedView.tag = 1
-        rotatedView.layer.anchorPoint = CGPoint.init(x: 0.5, y: 0)
-        rotatedView.layer.transform = rotatedView.transform3d()
-        
-        rotatedView.addSubview(imageView)
-        animationView?.addSubview(rotatedView)
-        rotatedView.frame = CGRect(x: imageView.frame.origin.x,
-            y: foregroundView.bounds.size.height,
-            width: containerView.bounds.size.width,
-            height: foregroundView.bounds.size.height)
-        
-        // added other views
-        let itemHeight = (containerView.bounds.size.height - 2 * foregroundView.bounds.size.height) / CGFloat(itemCount - 2)
-        
-        if itemCount == 2 {
-            // decrease containerView height or increase itemCount
-            assert(containerView.bounds.size.height - 2 * foregroundView.bounds.size.height == 0, "contanerView.height too high")
-        }
-        // decrease containerView height or increase itemCount
-        assert(containerView.bounds.size.height - 2 * foregroundView.bounds.size.height >= itemHeight, "contanerView.height too high")
-        
-        var yPosition = 2 * foregroundView.bounds.size.height
-        var tag = 2
-        for var index = 2; index < itemCount; index++ {
-            
-            image = containerView.pb_takeSnapshot(CGRect(x: 0, y: yPosition, width: containerView.bounds.size.width, height: itemHeight))
-            
-            imageView = UIImageView(image: image)
-            let rotatedView = RotatedView(frame: imageView.frame)
-            
-            rotatedView.addSubview(imageView)
-            rotatedView.layer.anchorPoint = CGPoint.init(x: 0.5, y: 0)
-            rotatedView.layer.transform = rotatedView.transform3d()
-            animationView?.addSubview(rotatedView)
-            rotatedView.frame = CGRect(x: 0, y: yPosition, width: rotatedView.bounds.size.width, height: itemHeight)
-            rotatedView.tag = tag
-            
-            yPosition += itemHeight
-            tag++;
-        }
-        
-        containerView.alpha = 0;
-        
-        // added back view
-        var previusView: RotatedView?
-        for contener in animationView!.subviews.sort({ $0.tag < $1.tag }) {
-            if contener is RotatedView && contener.tag > 0 && contener.tag < animationView!.subviews.count {
-                let rotatedView = contener as! RotatedView
-                previusView?.addBackView(rotatedView.bounds.size.height, color: backViewColor)
-                previusView = rotatedView
-            }
-        }
-        
-        animationItemViews = createAnimationItemView()
-    }
-    
-    // MARK: public
-    
-    public func selectedAnimation(isSelected: Bool, animated: Bool, completion: CompletionHandler?) {
-        
-        if isSelected {
-            
-            if animated {
-                containerView.alpha = 0;
-                openAnimation(completion: completion)
-            } else  {
-                foregroundView.alpha = 0
-                containerView.alpha = 1;
-            }
-            
+          view.alpha = 0
         } else {
-            if animated {
-                closeAnimation(completion: completion)
-            } else {
-                foregroundView.alpha = 1;
-                containerView.alpha = 0;
-            }
+          view.alpha = 1
+          view.backView?.alpha = 0
         }
+      }
     }
+  }
+  
+  func createAnimationView() {
     
-    public func isAnimating()->Bool {
-        guard animationItemViews != nil
-        else {
-            return false
-        }
+    let anAnimationView = UIView(frame: containerView.frame)
+    anAnimationView.layer.cornerRadius = foregroundView.layer.cornerRadius
+    anAnimationView.backgroundColor = UIColor.clearColor()
+    anAnimationView.translatesAutoresizingMaskIntoConstraints = false
+    self.contentView.addSubview(anAnimationView)
+    
+    // copy constraints from containerView
+    var newConstraints = [NSLayoutConstraint]()
+    for constraint in self.contentView.constraints {
+      if let item = constraint.firstItem as? UIView where item == containerView {
+        let newConstraint = NSLayoutConstraint( item: anAnimationView, attribute: constraint.firstAttribute,
+          relatedBy: constraint.relation, toItem: constraint.secondItem, attribute: constraint.secondAttribute,
+          multiplier: constraint.multiplier, constant: constraint.constant)
         
-        for item in animationItemViews! {
-            if item.layer.animationKeys()?.count > 0 {
-                return true
-            }
-        }
-        return false
-    }
-    
-    
-    // MARK: animations
-    
-    public func animationDuration(itemIndex:NSInteger, type:AnimationType)-> NSTimeInterval {
-        assert(false, "added this method to cell")
-        return 0
-    }
-    
-    func durationSequence(type: AnimationType)-> [NSTimeInterval] {
-        var durations = [NSTimeInterval]()
-        for var index = 0; index < itemCount-1; index++ {
-            let duration = animationDuration(index, type: .Open)
-            durations.append(NSTimeInterval(duration / 2.0))
-            durations.append(NSTimeInterval(duration / 2.0))
-        }
-        return durations
-    }
-    
-    func openAnimation(completion completion: CompletionHandler?) {
+        newConstraints.append(newConstraint)
+      } else if let item: UIView = constraint.secondItem as? UIView where item == containerView {
+        let newConstraint = NSLayoutConstraint(item: constraint.firstItem, attribute: constraint.firstAttribute,
+          relatedBy: constraint.relation, toItem: anAnimationView, attribute: constraint.secondAttribute,
+          multiplier: constraint.multiplier, constant: constraint.constant)
         
-        if animationView?.subviews.count == 0 { // added animation items if need
-            addImageItemsToAnimationView()
-        }
+        newConstraints.append(newConstraint)
+      }
+    }
+    self.contentView.addConstraints(newConstraints)
+    
+    for constraint in containerView.constraints { // added height constraint
+      if constraint.firstAttribute == .Height {
+        let newConstraint = NSLayoutConstraint(item: anAnimationView, attribute: constraint.firstAttribute,
+          relatedBy: constraint.relation, toItem: nil, attribute: constraint.secondAttribute,
+          multiplier: constraint.multiplier, constant: constraint.constant)
         
-        animationView?.alpha = 1;
+        anAnimationView.addConstraint(newConstraint)
+      }
+    }
+    animationView = anAnimationView
+  }
+
+  
+  func addImageItemsToAnimationView() {
+    containerView.alpha = 1;
+    let contSize        = containerView.bounds.size
+    let forgSize        = foregroundView.bounds.size
+    
+    // added first item
+    var image = containerView.pb_takeSnapshot(CGRect(x: 0, y: 0, width: contSize.width, height: forgSize.height))
+    var imageView = UIImageView(image: image)
+    imageView.tag = 0
+    imageView.layer.cornerRadius = foregroundView.layer.cornerRadius
+    animationView?.addSubview(imageView)
+    
+    // added secod item
+    image = containerView.pb_takeSnapshot(CGRect(x: 0, y: forgSize.height, width: contSize.width, height: forgSize.height))
+    
+    imageView                     = UIImageView(image: image)
+    let rotatedView               = RotatedView(frame: imageView.frame)
+    rotatedView.tag               = 1
+    rotatedView.layer.anchorPoint = CGPoint.init(x: 0.5, y: 0)
+    rotatedView.layer.transform   = rotatedView.transform3d()
+    
+    rotatedView.addSubview(imageView)
+    animationView?.addSubview(rotatedView)
+    rotatedView.frame = CGRect(x: imageView.frame.origin.x, y: forgSize.height, width: contSize.width, height: forgSize.height)
+    
+    // added other views
+    let itemHeight = (contSize.height - 2 * forgSize.height) / CGFloat(itemCount - 2)
+    
+    if itemCount == 2 {
+      // decrease containerView height or increase itemCount
+      assert(contSize.height - 2 * forgSize.height == 0, "contanerView.height too high")
+    }
+    // decrease containerView height or increase itemCount
+    assert(contSize.height - 2 * forgSize.height >= itemHeight, "contanerView.height too high")
+    
+    var yPosition = 2 * forgSize.height
+    var tag = 2
+    for _ in 2..<itemCount {
+      image = containerView.pb_takeSnapshot(CGRect(x: 0, y: yPosition, width: contSize.width, height: itemHeight))
+      
+      imageView = UIImageView(image: image)
+      let rotatedView = RotatedView(frame: imageView.frame)
+      
+      rotatedView.addSubview(imageView)
+      rotatedView.layer.anchorPoint = CGPoint.init(x: 0.5, y: 0)
+      rotatedView.layer.transform = rotatedView.transform3d()
+      animationView?.addSubview(rotatedView)
+      rotatedView.frame = CGRect(x: 0, y: yPosition, width: rotatedView.bounds.size.width, height: itemHeight)
+      rotatedView.tag = tag
+      
+      yPosition += itemHeight
+      tag += 1;
+    }
+    
+    containerView.alpha = 0;
+    
+    if let animationView = self.animationView {
+      // added back view
+      var previusView: RotatedView?
+      for case let contener as RotatedView in animationView.subviews.sort({ $0.tag < $1.tag })
+        where contener.tag > 0 && contener.tag < animationView.subviews.count {
+          previusView?.addBackView(contener.bounds.size.height, color: backViewColor)
+          previusView = contener
+      }
+    }
+    animationItemViews = createAnimationItemView()
+  }
+  
+  private func removeImageItemsFromAnimationView() {
+    
+    guard let animationView = self.animationView else {
+      return
+    }
+
+    animationView.subviews.forEach({ $0.removeFromSuperview() })
+  }
+
+  
+  // MARK: public
+  
+  /**
+   Open or close cell
+   
+   - parameter isSelected: Specify true if you want to open cell or false if you close cell.
+   - parameter animated:   Specify true if you want to animate the change in visibility or false if you want immediately.
+   - parameter completion: A block object to be executed when the animation sequence ends.
+   */
+  public func selectedAnimation(isSelected: Bool, animated: Bool, completion: (Void -> Void)?) {
+    
+    if isSelected {
+      
+      if animated {
         containerView.alpha = 0;
-        
-        let durations = durationSequence(.Open)
-        
-        var delay: NSTimeInterval = 0
-        var timing = kCAMediaTimingFunctionEaseIn
-        var from: CGFloat = 0.0;
-        var to: CGFloat = CGFloat(-M_PI / 2)
-        var hidden = true
-        configureAnimationItems(.Open)
-        for var index = 0; index < animationItemViews?.count; index++ {
-            let animatedView = animationItemViews![index]
-            
-            animatedView.foldingAnimation(timing, from: from, to: to, duration: durations[index], delay: delay, hidden: hidden)
-            
-            from = from == 0.0 ? CGFloat(M_PI / 2) : 0.0;
-            to = to == 0.0 ? CGFloat(-M_PI / 2) : 0.0;
-            timing = timing == kCAMediaTimingFunctionEaseIn ? kCAMediaTimingFunctionEaseOut : kCAMediaTimingFunctionEaseIn;
-            hidden = !hidden
-            delay += durations[index]
-        }
-        
-        let firstItemView = animationView!.subviews.filter{$0.tag == 0}.first
-        firstItemView!.layer.masksToBounds = true
-        dispatch_after(dispatch_time(DISPATCH_TIME_NOW, Int64(durations[0] * Double(NSEC_PER_SEC))), dispatch_get_main_queue()) { () -> Void in
-            firstItemView!.layer.cornerRadius = 0
-        }
-        dispatch_after(dispatch_time(DISPATCH_TIME_NOW, Int64(delay * Double(NSEC_PER_SEC))), dispatch_get_main_queue()) { () -> Void in
-            self.animationView?.alpha = 0
-            self.containerView.alpha = 1
-            completion?()
-        }
+        openAnimation(completion: completion)
+      } else  {
+        foregroundView.alpha = 0
+        containerView.alpha = 1;
+      }
+      
+    } else {
+      if animated {
+        closeAnimation(completion: completion)
+      } else {
+        foregroundView.alpha = 1;
+        containerView.alpha = 0;
+      }
+    }
+  }
+  
+  public func isAnimating()->Bool {
+    guard let animationItemViews = self.animationItemViews else {
+      return false
     }
     
-    func closeAnimation(completion completion: CompletionHandler?) {
-        
-        if animationView?.subviews.count == 0 { // added animation items if need
-            addImageItemsToAnimationView()
-        }
-        
-        animationView?.alpha = 1;
-        containerView.alpha = 0;
-        
-        var durations = durationSequence(.Close)
-        durations = durations.reverse()
-        
-        var delay: NSTimeInterval = 0
-        var timing = kCAMediaTimingFunctionEaseIn
-        var from: CGFloat = 0.0;
-        var to: CGFloat = CGFloat(M_PI / 2)
-        var hidden = true
-        configureAnimationItems(.Close)
-        for var index = 0; index < animationItemViews?.count; index++ {
-            let animatedView = animationItemViews?.reverse()[index]
-            
-            animatedView!.foldingAnimation(timing, from: from, to: to, duration: durations[index], delay: delay, hidden: hidden)
-            
-            to = to == 0.0 ? CGFloat(M_PI / 2) : 0.0;
-            from = from == 0.0 ? CGFloat(-M_PI / 2) : 0.0;
-            timing = timing == kCAMediaTimingFunctionEaseIn ? kCAMediaTimingFunctionEaseOut : kCAMediaTimingFunctionEaseIn;
-            hidden = !hidden
-            delay += durations[index]
-        }
-        
-        dispatch_after(dispatch_time(DISPATCH_TIME_NOW, Int64(delay * Double(NSEC_PER_SEC))), dispatch_get_main_queue()) { () -> Void in
-            self.animationView!.alpha = 0
-            completion?()
-        }
-        
-        let firstItemView = animationView!.subviews.filter{$0.tag == 0}.first
-        firstItemView!.layer.masksToBounds = false
-        dispatch_after(dispatch_time(DISPATCH_TIME_NOW, Int64((delay - durations.last! * 1.5) * Double(NSEC_PER_SEC))), dispatch_get_main_queue()) { () -> Void in
-            firstItemView!.layer.cornerRadius = self.foregroundView.layer.cornerRadius
-        }
+    for item in animationItemViews {
+      if item.layer.animationKeys()?.count > 0 {
+        return true
+      }
     }
+    
+    if animationView?.alpha == 1 {
+      return true
+    }
+    
+    return false
+  }
+  
+  
+  // MARK: animations
+  
+  public func animationDuration(itemIndex:NSInteger, type:AnimationType)-> NSTimeInterval {
+    assert(false, "added this method to cell")
+    return 0
+  }
+  
+  func durationSequence(type: AnimationType)-> [NSTimeInterval] {
+    var durations  = [NSTimeInterval]()
+    for index in 0..<itemCount-1 {
+      let duration = animationDuration(index, type: .Open)
+      durations.append(NSTimeInterval(duration / 2.0))
+      durations.append(NSTimeInterval(duration / 2.0))
+    }
+    return durations
+  }
+  
+  func openAnimation(completion completion: (Void -> Void)?) {
+    
+    removeImageItemsFromAnimationView()
+    addImageItemsToAnimationView()
+    
+    guard let animationView = self.animationView else {
+      return
+    }
+    
+    animationView.alpha = 1;
+    containerView.alpha = 0;
+    
+    let durations = durationSequence(.Open)
+    
+    var delay: NSTimeInterval = 0
+    var timing                = kCAMediaTimingFunctionEaseIn
+    var from: CGFloat         = 0.0;
+    var to: CGFloat           = CGFloat(-M_PI / 2)
+    var hidden                = true
+    configureAnimationItems(.Open)
+    
+    guard let animationItemViews = self.animationItemViews else {
+      return
+    }
+    
+    for index in 0..<animationItemViews.count {
+      let animatedView = animationItemViews[index]
+      
+      animatedView.foldingAnimation(timing, from: from, to: to, duration: durations[index], delay: delay, hidden: hidden)
+      
+      from   = from == 0.0 ? CGFloat(M_PI / 2) : 0.0;
+      to     = to == 0.0 ? CGFloat(-M_PI / 2) : 0.0;
+      timing = timing == kCAMediaTimingFunctionEaseIn ? kCAMediaTimingFunctionEaseOut : kCAMediaTimingFunctionEaseIn;
+      hidden = !hidden
+      delay += durations[index]
+    }
+    
+    let firstItemView = animationView.subviews.filter{$0.tag == 0}.first
+    
+    if let first = firstItemView {
+      first.layer.masksToBounds = true
+      dispatch_after(dispatch_time(DISPATCH_TIME_NOW, Int64(durations[0] * Double(NSEC_PER_SEC))), dispatch_get_main_queue()) { () -> Void in
+        first.layer.cornerRadius = 0
+      }
+    }
+    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, Int64(delay * Double(NSEC_PER_SEC))), dispatch_get_main_queue()) { () -> Void in
+      self.animationView?.alpha = 0
+      self.containerView.alpha  = 1
+      completion?()
+    }
+  }
+  
+  func closeAnimation(completion completion: (Void -> Void)?) {
+    
+    removeImageItemsFromAnimationView()
+    addImageItemsToAnimationView()
+    
+    guard let animationItemViews = self.animationItemViews else {
+      fatalError()
+    }
+    
+    animationView?.alpha = 1;
+    containerView.alpha  = 0;
+    
+    var durations: [NSTimeInterval] = durationSequence(.Close).reverse()
+    
+    var delay: NSTimeInterval = 0
+    var timing                = kCAMediaTimingFunctionEaseIn
+    var from: CGFloat         = 0.0;
+    var to: CGFloat           = CGFloat(M_PI / 2)
+    var hidden                = true
+    configureAnimationItems(.Close)
+    
+    if durations.count < animationItemViews.count {
+      fatalError("wrong override func animationDuration(itemIndex:NSInteger, type:AnimationType)-> NSTimeInterval")
+    }
+    for index in 0..<animationItemViews.count {
+      let animatedView = animationItemViews.reverse()[index]
+      
+      animatedView.foldingAnimation(timing, from: from, to: to, duration: durations[index], delay: delay, hidden: hidden)
+      
+      to     = to == 0.0 ? CGFloat(M_PI / 2) : 0.0;
+      from   = from == 0.0 ? CGFloat(-M_PI / 2) : 0.0;
+      timing = timing == kCAMediaTimingFunctionEaseIn ? kCAMediaTimingFunctionEaseOut : kCAMediaTimingFunctionEaseIn;
+      hidden = !hidden
+      delay += durations[index]
+    }
+    
+    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, Int64(delay * Double(NSEC_PER_SEC))), dispatch_get_main_queue()) { () -> Void in
+      if let animationView  = self.animationView {
+        animationView.alpha = 0
+      }
+      completion?()
+    }
+    
+    if let animationView = self.animationView {
+      let firstItemView = animationView.subviews.filter{$0.tag == 0}.first
+      firstItemView?.layer.cornerRadius = 0
+      if let durationLast = durations.last {
+        dispatch_after(dispatch_time(DISPATCH_TIME_NOW, Int64((delay - durationLast - durationLast / 2.0) * Double(NSEC_PER_SEC))), dispatch_get_main_queue()) { () -> Void in
+          firstItemView?.layer.cornerRadius = self.foregroundView.layer.cornerRadius
+        }
+      }
+    }
+  }
 }
 
 
 // MARK: RotatedView
 
 public class RotatedView: UIView {
-    var hiddenAfterAnimation = false
-    var backView: RotatedView?
+  var hiddenAfterAnimation = false
+  var backView: RotatedView?
+  
+  func addBackView(height: CGFloat, color:UIColor) {
+    let view                                       = RotatedView(frame: CGRect.zero)
+    view.backgroundColor                           = color
+    view.layer.anchorPoint                         = CGPoint.init(x: 0.5, y: 1)
+    view.layer.transform                           = view.transform3d()
+    view.translatesAutoresizingMaskIntoConstraints = false;
+    self.addSubview(view)
+    backView = view
     
-    func addBackView(height: CGFloat, color:UIColor) {
-        let view = RotatedView(frame: CGRect.zero)
-        view.backgroundColor = color
-        view.layer.anchorPoint = CGPoint.init(x: 0.5, y: 1)
-        view.layer.transform = view.transform3d()
-        view.translatesAutoresizingMaskIntoConstraints = false;
-        self.addSubview(view)
-        backView = view
-        
-        view.addConstraint(NSLayoutConstraint(item: view,
-                                         attribute: .Height,
-                                         relatedBy: .Equal,
-                                            toItem: nil,
-                                         attribute: .Height,
-                                        multiplier: 1,
-                                          constant: height))
-        
-        self.addConstraints([
-             NSLayoutConstraint(item: view, attribute: .Top, relatedBy: .Equal, toItem: self, attribute: .Top, multiplier: 1, constant: self.bounds.size.height - height + height / 2),
-             NSLayoutConstraint(item: view, attribute: .Leading, relatedBy: .Equal, toItem: self, attribute: .Leading, multiplier: 1, constant: 0),
-             NSLayoutConstraint(item: view, attribute: .Trailing, relatedBy: .Equal, toItem: self, attribute: .Trailing, multiplier: 1, constant: 0)
-        ])
-    }
+    view.addConstraint(NSLayoutConstraint(item: view, attribute: .Height, relatedBy: .Equal, toItem: nil,attribute: .Height,
+      multiplier: 1, constant: height))
+    
+    self.addConstraints([
+      NSLayoutConstraint(item: view, attribute: .Top, relatedBy: .Equal, toItem: self, attribute: .Top, multiplier: 1,
+        constant: self.bounds.size.height - height + height / 2),
+      NSLayoutConstraint(item: view, attribute: .Leading, relatedBy: .Equal, toItem: self, attribute: .Leading,
+        multiplier: 1, constant: 0),
+      NSLayoutConstraint(item: view, attribute: .Trailing, relatedBy: .Equal, toItem: self, attribute: .Trailing,
+        multiplier: 1, constant: 0)
+      ])
+  }
 }
 
 
 extension RotatedView {
+  
+  func rotatedX(angle : CGFloat) {
+    var allTransofrom    = CATransform3DIdentity;
+    let rotateTransform  = CATransform3DMakeRotation(angle, 1, 0, 0)
+    allTransofrom        = CATransform3DConcat(allTransofrom, rotateTransform)
+    allTransofrom        = CATransform3DConcat(allTransofrom, transform3d())
+    self.layer.transform = allTransofrom
+  }
+  
+  func transform3d() -> CATransform3D {
+    var transform = CATransform3DIdentity
+    transform.m34 = 2.5 / -2000;
+    return transform
+  }
+  
+  // MARK: animations
+  
+  func foldingAnimation(timing: String, from: CGFloat, to: CGFloat, duration: NSTimeInterval, delay:NSTimeInterval, hidden:Bool) {
     
-    func rotatedX(angle : CGFloat) {
-        var allTransofrom = CATransform3DIdentity;
-        let rotateTransform = CATransform3DMakeRotation(angle, 1, 0, 0)
-        allTransofrom = CATransform3DConcat(allTransofrom, rotateTransform)
-        allTransofrom = CATransform3DConcat(allTransofrom, transform3d())
-        self.layer.transform = allTransofrom
-    }
+    let rotateAnimation = CABasicAnimation(keyPath: "transform.rotation.x")
+    rotateAnimation.timingFunction      = CAMediaTimingFunction(name: timing)
+    rotateAnimation.fromValue           = (from)
+    rotateAnimation.toValue             = (to)
+    rotateAnimation.duration            = duration
+    rotateAnimation.delegate            = self;
+    rotateAnimation.fillMode            = kCAFillModeForwards
+    rotateAnimation.removedOnCompletion = false;
+    rotateAnimation.beginTime           = CACurrentMediaTime() + delay
     
-    func transform3d()-> CATransform3D {
-        var transform = CATransform3DIdentity
-        transform.m34 = 2.5 / -2000;
-        return transform
-    }
+    self.hiddenAfterAnimation = hidden
     
-    // MARK: animations
-    
-    func foldingAnimation(timing: String, from: CGFloat, to: CGFloat, duration: NSTimeInterval, delay:NSTimeInterval, hidden:Bool) {
-        
-        let rotateAnimation = CABasicAnimation(keyPath: "transform.rotation.x")
-        rotateAnimation.timingFunction = CAMediaTimingFunction(name: timing)
-        rotateAnimation.fromValue = (from)
-        rotateAnimation.toValue = (to)
-        rotateAnimation.duration = duration
-        rotateAnimation.delegate = self;
-        rotateAnimation.fillMode = kCAFillModeForwards;
-        rotateAnimation.removedOnCompletion = false;
-        rotateAnimation.beginTime = CACurrentMediaTime() + delay
-        
-        self.hiddenAfterAnimation = hidden
-        
-        self.layer.addAnimation(rotateAnimation, forKey: "rotation.x")
-    }
-    
-    override public func animationDidStart(anim: CAAnimation) {
-        self.layer.shouldRasterize = true
-        self.alpha = 1
-    }
-    
-    override public func animationDidStop(anim: CAAnimation, finished flag: Bool) {
-        if hiddenAfterAnimation {
-            self.alpha = 0
-        }
-        self.layer.removeAllAnimations()
-        self.layer.shouldRasterize = false
-        self.rotatedX(CGFloat(0))
+    self.layer.addAnimation(rotateAnimation, forKey: "rotation.x")
+  }
+  
+  override public func animationDidStart(anim: CAAnimation) {
+    self.layer.shouldRasterize = true
+    self.alpha = 1
+  }
+  
+  override public func animationDidStop(anim: CAAnimation, finished flag: Bool) {
+    if hiddenAfterAnimation {
+      self.alpha = 0
     }
+    self.layer.removeAllAnimations()
+    self.layer.shouldRasterize = false
+    self.rotatedX(CGFloat(0))
+  }
 }
 
 extension UIView {
-    func pb_takeSnapshot(frame: CGRect) -> UIImage {
-        UIGraphicsBeginImageContextWithOptions(frame.size, false, 0.0);
-        
-        let context = UIGraphicsGetCurrentContext();
-        CGContextTranslateCTM(context, frame.origin.x * -1, frame.origin.y * -1);
-        
-        self.layer.renderInContext(UIGraphicsGetCurrentContext()!);
-        let image = UIGraphicsGetImageFromCurrentImageContext();
-        UIGraphicsEndImageContext();
-
-        return image
+  func pb_takeSnapshot(frame: CGRect) -> UIImage? {
+    UIGraphicsBeginImageContextWithOptions(frame.size, false, 0.0)
+    
+    let context = UIGraphicsGetCurrentContext();
+    CGContextTranslateCTM(context, frame.origin.x * -1, frame.origin.y * -1)
+    
+    guard let currentContext = UIGraphicsGetCurrentContext() else {
+      return nil
     }
+    
+    self.layer.renderInContext(currentContext)
+    let image = UIGraphicsGetImageFromCurrentImageContext()
+    UIGraphicsEndImageContext()
+    
+    return image
+  }
 }

FoldingCell/FoldingCell/Info.plist

@@ -13,26 +13,18 @@
 	<key>CFBundleName</key>
 	<string>$(PRODUCT_NAME)</string>
 	<key>CFBundlePackageType</key>
-	<string>APPL</string>
+	<string>FMWK</string>
 	<key>CFBundleShortVersionString</key>
 	<string>1.0</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleVersion</key>
-	<string>1</string>
-	<key>LSRequiresIPhoneOS</key>
-	<true/>
+	<string>$(CURRENT_PROJECT_VERSION)</string>
+	<key>NSPrincipalClass</key>
+	<string></string>
 	<key>UILaunchStoryboardName</key>
 	<string>LaunchScreen</string>
 	<key>UIMainStoryboardFile</key>
 	<string>Main</string>
-	<key>UIRequiredDeviceCapabilities</key>
-	<array>
-		<string>armv7</string>
-	</array>
-	<key>UISupportedInterfaceOrientations</key>
-	<array>
-		<string>UIInterfaceOrientationPortrait</string>
-	</array>
 </dict>
 </plist>

FoldingCell/FoldingCell/MainTableViewController.swift

@@ -30,7 +30,7 @@ class MainTableViewController: UITableViewController {
 
     let kRowsCount = 10
     
-    var cellHeights: [CGFloat]?
+    var cellHeights = [CGFloat]()
 
     override func viewDidLoad() {
         super.viewDidLoad()
@@ -41,9 +41,8 @@ class MainTableViewController: UITableViewController {
     
     // MARK: configure
     func createCellHeightsArray() {
-        cellHeights = Array()
         for _ in 0...kRowsCount {
-            cellHeights?.append(kCloseCellHeight)
+            cellHeights.append(kCloseCellHeight)
         }
     }
 
@@ -54,17 +53,20 @@ class MainTableViewController: UITableViewController {
     }
 
     override func tableView(tableView: UITableView, willDisplayCell cell: UITableViewCell, forRowAtIndexPath indexPath: NSIndexPath) {
-        
-        if cell is FoldingCell {
-            let foldingCell = cell as! FoldingCell
-            foldingCell.backgroundColor = UIColor.clearColor()
-            
-            if cellHeights![indexPath.row] == kCloseCellHeight {
-                foldingCell.selectedAnimation(false, animated: false, completion:nil)
-            } else {
-                foldingCell.selectedAnimation(true, animated: false, completion: nil)
-            }
-        }
+      
+      guard case let cell as DemoCell = cell else {
+        return
+      }
+      
+      cell.backgroundColor = UIColor.clearColor()
+      
+      if cellHeights[indexPath.row] == kCloseCellHeight {
+        cell.selectedAnimation(false, animated: false, completion:nil)
+      } else {
+        cell.selectedAnimation(true, animated: false, completion: nil)
+      }
+      
+      cell.number = indexPath.row
     }
 
     override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
@@ -74,7 +76,7 @@ class MainTableViewController: UITableViewController {
     }
     
     override func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {
-        return cellHeights![indexPath.row]
+        return cellHeights[indexPath.row]
     }
     
     // MARK: Table vie delegate
@@ -88,14 +90,14 @@ class MainTableViewController: UITableViewController {
         }
         
         var duration = 0.0
-        if cellHeights![indexPath.row] == kCloseCellHeight { // open cell
-            cellHeights![indexPath.row] = kOpenCellHeight
+        if cellHeights[indexPath.row] == kCloseCellHeight { // open cell
+            cellHeights[indexPath.row] = kOpenCellHeight
             cell.selectedAnimation(true, animated: true, completion: nil)
             duration = 0.5
         } else {// close cell
-            cellHeights![indexPath.row] = kCloseCellHeight
+            cellHeights[indexPath.row] = kCloseCellHeight
             cell.selectedAnimation(false, animated: true, completion: nil)
-            duration = 1.1
+            duration = 0.8
         }
         
         UIView.animateWithDuration(duration, delay: 0, options: .CurveEaseOut, animations: { () -> Void in

FoldingCell/FoldingCellTests/FoldingCellTests.swift

@@ -0,0 +1,45 @@
+//
+//  FoldingCellTests.swift
+//  FoldingCellTests
+//
+//  Created by Alex K. on 25/01/16.
+//  Copyright © 2016 Alex K. All rights reserved.
+//
+
+import XCTest
+
+class FoldingCellTests: XCTestCase {
+    
+    var viewController : UITableViewController!
+    
+    override func setUp() {
+        super.setUp()
+        
+        let storyboard = UIStoryboard(name: "Main", bundle: nil)
+        viewController = storyboard.instantiateViewControllerWithIdentifier("MainTableViewController") as! UITableViewController
+        viewController.beginAppearanceTransition(true, animated: false)
+    }
+    
+    override func tearDown() {
+         viewController.endAppearanceTransition()
+        super.tearDown()
+    }
+    
+    func testExample() {
+        let tableView = viewController.tableView
+        
+        for case let cell as FoldingCell in tableView.visibleCells {
+            XCTAssertTrue(cell.itemCount >= 2)
+        }
+        
+        
+    }
+    
+    func testPerformanceExample() {
+        // This is an example of a performance test case.
+        self.measureBlock {
+            // Put the code you want to measure the time of here.
+        }
+    }
+    
+}

FoldingCell/FoldingCellTests/Info.plist

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>BNDL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+</dict>
+</plist>

README.md

@@ -1,12 +1,23 @@
+![header](https://raw.githubusercontent.com/Ramotion/folding-cell/master/header.png)
 # FoldingCell
+[![CocoaPods](https://img.shields.io/cocoapods/p/FoldingCell.svg)](https://cocoapods.org/pods/FoldingCell)
+[![CocoaPods](https://img.shields.io/cocoapods/v/FoldingCell.svg)](http://cocoapods.org/pods/FoldingCell)
+[![CocoaPods](https://img.shields.io/cocoapods/metrics/doc-percent/FoldingCell.svg)](https://cdn.rawgit.com/Ramotion/folding-cell/master/docs/index.html)
+[![Carthage compatible](https://img.shields.io/badge/Carthage-compatible-4BC51D.svg?style=flat)](https://github.com/Ramotion/folding-cell)
+[![Twitter](https://img.shields.io/badge/Twitter-@Ramotion-blue.svg?style=flat)](http://twitter.com/Ramotion)
+[![Travis](https://img.shields.io/travis/Ramotion/folding-cell.svg)](https://travis-ci.org/Ramotion/folding-cell)
+[![codebeat badge](https://codebeat.co/badges/6f67da5d-c416-4bac-9fb7-c2dc938feedc)](https://codebeat.co/projects/github-com-ramotion-folding-cell)
+[![Carthage compatible](https://img.shields.io/badge/Carthage-compatible-4BC51D.svg?style=flat)](https://github.com/Carthage/Carthage)
 
 [shot on dribbble](https://dribbble.com/shots/2121350-Delivery-Card):
-![Animation](Screenshots/folding-cell.gif)
+![Animation](https://raw.githubusercontent.com/Ramotion/folding-cell/master/Screenshots/folding-cell.gif)
 
+
+The [iPhone mockup](https://store.ramotion.com/product/iphone-6-mockups?utm_source=gthb&utm_medium=special&utm_campaign=folding-cell) available [here](https://store.ramotion.com/product/iphone-6-mockups?utm_source=gthb&utm_medium=special&utm_campaign=folding-cell).
 ## Requirements
 
 - iOS 8.0+
-- Xcode 7.2
+- Xcode 7.3
 
 ## Installation
 
@@ -14,65 +25,44 @@ Just add the FoldingCell.swift file to your project.
 
 or use [CocoaPods](https://cocoapods.org) with Podfile:
 ``` ruby
-pod 'FoldingCell', '~> 0.1'
+pod 'FoldingCell', '~> 0.8.1'
+```
+
+or [Carthage](https://github.com/Carthage/Carthage) users can simply add Mantle to their `Cartfile`:
+```
+github "Ramotion/folding-cell"
 ```
-    
 
 ## Solution
-![Solution](/Tutorial-resources/Solution.png)
+![Solution](https://raw.githubusercontent.com/Ramotion/folding-cell/master/Tutorial-resources/Solution.png)
 ## Usage
 
 1) Create a new cell inheriting from `FoldingCell`
 
 2) Add a UIView to your cell in your storyboard or nib file, inheriting from `RotatedView`.
 Connect the outlet from this view to the cell property `foregroundView`.
-Add constraints from this view to the superview, as in this picture: 
-![1.1](/Tutorial-resources/1.1.png)
+Add constraints from this view to the superview, as in this picture:
 
-(constants of constraints may be different). Add the identifier `ForegroundViewTop`
-for the top constraint. (This view will be shown when the cell is in its normal state).
+![1.1](https://raw.githubusercontent.com/Ramotion/folding-cell/master/Tutorial-resources/1.1.png)
+
+(constants of constraints may be different). Connect the outlet from this top constraint to the cell property `foregroundViewTop`
+. (This view will be shown when the cell is in its normal state).
 
 3) Add other UIViews to your cell, connect the outlet from this view to the cell
 property `containerView`. Add constraints from this view to the superview like in the picture:
 
-![1.2](/Tutorial-resources/1.2.png)
+![1.2](https://raw.githubusercontent.com/Ramotion/folding-cell/master/Tutorial-resources/1.2.png)
 
-(constants of constraints may be different). Add the identifier "ContainerViewTop" for the top constraint.
+(constants of constraints may be different). Connect the outlet from this top constraint to the cell property `containerViewTop`.
 (This view will be shown when the cell is opened)
 
 Your result should be something like this picture:
-![1.3](/Tutorial-resources/1.3.png)
 
-4) Now lets add folding views
+![1.3](https://raw.githubusercontent.com/Ramotion/folding-cell/master/Tutorial-resources/1.3.png)
 
-4.1) Add a UIView to `containerView` (where `ContainerView` is the UIView which you've added on step 3)
-Add constraints from this view to `containerView` as in the picture:
+[Demonstration adding constraints for foregroundView, containerView](https://vimeo.com/154954299)
 
-![1.4](/Tutorial-resources/1.4.png)
-
-For correct animation, the height constraint constant should be equal to `foregroundView`'s height constraint constant.
-Result: 
-
-![1.5](/Tutorial-resources/1.5.png)
-
-4.2) Add a `UIView` to `containerView` inheriting from `RotatedView`. Add constraints from
-this view to `containerView` as in the picture:
-
-![1.6](/Tutorial-resources/1.6.png).
-
-For correct animation, the height constraint constant must be equal to `foregroundView`'s height constraint constant.
-Add the identifier "yPosition" for the top constraint. **The tag must be equal to 1**
-Result: 
-
-![1.7](/Tutorial-resources/1.7.png)
-
-The following steps are optional (you can add as many views as you want).
-
-4.3) repeat 4.2, but **increasing the tag by one**. (For the correct animation, height of the view
-must be less than or equal to that of the previous view).
-
-The height of `containerView` must be equal to the sum of the heights of its subviews:
-![1.8](/Tutorial-resources/1.8.png)
+4) Set ``` @IBInspectable var itemCount: NSInteger ``` property is a count of folding (it IBInspectable you can set in storyboard). range 2 or greater. Default value is 2
 
 Ok, we've finished configuring the cell.
 
@@ -86,7 +76,7 @@ Ok, we've finished configuring the cell.
 5.2) Add property
 
 ``` swift
-     var cellHeights: [CGFloat]?
+     var cellHeights = [CGFloat]()
 ```
 
      create in viewDidLoad:
@@ -95,7 +85,7 @@ Ok, we've finished configuring the cell.
         super.viewDidLoad()
 
         for _ in 0...kRowsCount {
-            cellHeights?.append(kCloseCellHeight)
+            cellHeights.append(kCloseCellHeight)
         }
     }
 ```
@@ -103,7 +93,7 @@ Ok, we've finished configuring the cell.
 5.3) Override method:
 ``` swift
     override func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {
-        return cellHeights![indexPath.row]
+        return cellHeights[indexPath.row]
     }
 ```
 
@@ -113,12 +103,12 @@ Ok, we've finished configuring the cell.
         let cell = tableView.cellForRowAtIndexPath(indexPath) as! FoldingCell
 
         var duration = 0.0
-        if cellHeights![indexPath.row] == kCloseCellHeight { // open cell
-            cellHeights![indexPath.row] = kOpenCellHeight
+        if cellHeights[indexPath.row] == kCloseCellHeight { // open cell
+            cellHeights[indexPath.row] = kOpenCellHeight
             cell.selectedAnimation(true, animated: true, completion: nil)
             duration = 0.5
         } else {// close cell
-            cellHeights![indexPath.row] = kCloseCellHeight
+            cellHeights[indexPath.row] = kCloseCellHeight
             cell.selectedAnimation(false, animated: true, completion: nil)
             duration = 1.1
         }
@@ -143,21 +133,33 @@ Ok, we've finished configuring the cell.
             }
         }
     }
-``` 
+```
 
 6) Add this code to your new cell class
 ``` swift
     override func animationDuration(itemIndex:NSInteger, type:AnimationType)-> NSTimeInterval {
 
-        // durations count equal containerView.subViews.count - 1
+        // durations count equal it itemCount
         let durations = [0.33, 0.26, 0.26] // timing animation for each view
         return durations[itemIndex]
     }
 ```
 
-## [About Us](http://ramotion.com?utm_source=gthb&utm_medium=special&utm_campaign=folding-cell)
 
-[Ramotion - digital product design agency](http://ramotion.com?utm_source=gthb&utm_medium=special&utm_campaign=folding-cell)  
-We are ready for new interesting iOS app development projects.
+#### if don't use storyboard and xib files
 
-Follow us on [Twitter](http://twitter.com/ramotion).
+Create foregroundView and containerView from code (steps 2 - 3) look example:
+[Folding-cell-programmatically](https://github.com/ober01/Folding-cell-programmatically)
+
+## Licence
+
+Folding cell is released under the MIT license.
+See [LICENSE](./LICENSE) for details.
+
+
+## About
+The project maintained by [app development agency](https://ramotion.com?utm_source=gthb&utm_medium=special&utm_campaign=foolding-cell) [Ramotion Inc.](https://ramotion.com?utm_source=gthb&utm_medium=special&utm_campaign=foolding-cell)
+See our other [open-source projects](https://github.com/ramotion) or [hire](https://ramotion.com?utm_source=gthb&utm_medium=special&utm_campaign=foolding-cell) us to design, develop, and grow your product.
+
+[![Twitter URL](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=https://github.com/ramotion/foolding-cell)
+[![Twitter Follow](https://img.shields.io/twitter/follow/ramotion.svg?style=social)](https://twitter.com/ramotion)

docs/Classes.html

@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Classes  Reference</title>
+    <link rel="stylesheet" type="text/css" href="css/jazzy.css" />
+    <link rel="stylesheet" type="text/css" href="css/highlight.css" />
+    <meta charset='utf-8'>
+    <script src="js/jquery.min.js" defer></script>
+    <script src="js/jazzy.js" defer></script>
+    
+  </head>
+  <body>
+    <a title="Classes  Reference"></a>
+    <header>
+      <div class="content-wrapper">
+        <p><a href="index.html">FoldingCellDemo Docs</a> (47% documented)</p>
+      </div>
+    </header>
+    <div class="content-wrapper">
+      <p id="breadcrumbs">
+        <a href="index.html">FoldingCellDemo Reference</a>
+        <img id="carat" src="img/carat.png" />
+        Classes  Reference
+      </p>
+    </div>
+    <div class="content-wrapper">
+      <nav class="sidebar">
+        <ul class="nav-groups">
+          <li class="nav-group-name">
+            <a href="Classes.html">Classes</a>
+            <ul class="nav-group-tasks">
+              <li class="nav-group-task">
+                <a href="Classes/FoldingCell.html">FoldingCell</a>
+              </li>
+            </ul>
+          </li>
+        </ul>
+      </nav>
+      <article class="main-content">
+        <section>
+          <section class="section">
+            <h1>Classes</h1>
+            <p>The following classes are available globally.</p>
+
+          </section>
+          <section class="section task-group-section">
+            <div class="task-group">
+              <ul>
+                <li class="item">
+                  <div>
+                    <code>
+                    <a name="/s:C15FoldingCellDemo11FoldingCell"></a>
+                    <a name="//apple_ref/swift/Class/FoldingCell" class="dashAnchor"></a>
+                    <a class="token" href="#/s:C15FoldingCellDemo11FoldingCell">FoldingCell</a>
+                    </code>
+                  </div>
+                  <div class="height-container">
+                    <div class="pointer-container"></div>
+                    <section class="section">
+                      <div class="pointer"></div>
+                      <div class="abstract">
+                        <p>UITableViewCell with folding animation</p>
+
+                        <a href="Classes/FoldingCell.html" class="slightly-smaller">See more</a>
+                      </div>
+                      <div class="declaration">
+                        <h4>Declaration</h4>
+                        <div class="language">
+                          <p class="aside-title">Swift</p>
+                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">class</span> <span class="kt">FoldingCell</span><span class="p">:</span> <span class="kt">UITableViewCell</span></code></pre>
+
+                        </div>
+                      </div>
+                    </section>
+                  </div>
+                </li>
+              </ul>
+            </div>
+          </section>
+        </section>
+        <section id="footer">
+          <p>&copy; 2016 <a class="link" href="" target="_blank" rel="external">AlexKalinkin</a>. All rights reserved. (Last updated: 2016-06-10)</p>
+          <p>Generated by <a class="link" href="https://github.com/realm/jazzy" target="_blank" rel="external">jazzy ♪♫ v0.5.0</a>, a <a class="link" href="http://realm.io" target="_blank" rel="external">Realm</a> project.</p>
+        </section>
+      </article>
+    </div>
+  </body>
+</div>
+</html>

docs/Classes/FoldingCell.html

@@ -0,0 +1,330 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>FoldingCell Class Reference</title>
+    <link rel="stylesheet" type="text/css" href="../css/jazzy.css" />
+    <link rel="stylesheet" type="text/css" href="../css/highlight.css" />
+    <meta charset='utf-8'>
+    <script src="../js/jquery.min.js" defer></script>
+    <script src="../js/jazzy.js" defer></script>
+    
+  </head>
+  <body>
+    <a name="//apple_ref/swift/Class/FoldingCell" class="dashAnchor"></a>
+    <a title="FoldingCell Class Reference"></a>
+    <header>
+      <div class="content-wrapper">
+        <p><a href="../index.html">FoldingCellDemo Docs</a> (47% documented)</p>
+      </div>
+    </header>
+    <div class="content-wrapper">
+      <p id="breadcrumbs">
+        <a href="../index.html">FoldingCellDemo Reference</a>
+        <img id="carat" src="../img/carat.png" />
+        FoldingCell Class Reference
+      </p>
+    </div>
+    <div class="content-wrapper">
+      <nav class="sidebar">
+        <ul class="nav-groups">
+          <li class="nav-group-name">
+            <a href="../Classes.html">Classes</a>
+            <ul class="nav-group-tasks">
+              <li class="nav-group-task">
+                <a href="../Classes/FoldingCell.html">FoldingCell</a>
+              </li>
+            </ul>
+          </li>
+        </ul>
+      </nav>
+      <article class="main-content">
+        <section>
+          <section class="section">
+            <h1>FoldingCell</h1>
+              <div class="declaration">
+                <div class="language">
+                  <pre class="highlight"><code><span class="kd">public</span> <span class="kd">class</span> <span class="kt">FoldingCell</span><span class="p">:</span> <span class="kt">UITableViewCell</span></code></pre>
+
+                </div>
+              </div>
+            <p>UITableViewCell with folding animation</p>
+
+          </section>
+          <section class="section task-group-section">
+            <div class="task-group">
+              <ul>
+                <li class="item">
+                  <div>
+                    <code>
+                    <a name="/s:vC15FoldingCellDemo11FoldingCell13containerViewXwGSQCSo6UIView_"></a>
+                    <a name="//apple_ref/swift/Property/containerView" class="dashAnchor"></a>
+                    <a class="token" href="#/s:vC15FoldingCellDemo11FoldingCell13containerViewXwGSQCSo6UIView_">containerView</a>
+                    </code>
+                  </div>
+                  <div class="height-container">
+                    <div class="pointer-container"></div>
+                    <section class="section">
+                      <div class="pointer"></div>
+                      <div class="abstract">
+                        <p>UIView whitch display when cell open</p>
+
+                      </div>
+                      <div class="declaration">
+                        <h4>Declaration</h4>
+                        <div class="language">
+                          <p class="aside-title">Swift</p>
+                          <pre class="highlight"><code><span class="kd">@IBOutlet</span> <span class="k">weak</span> <span class="kd">public</span> <span class="k">var</span> <span class="nv">containerView</span><span class="p">:</span> <span class="kt">UIView</span><span class="o">!</span></code></pre>
+
+                        </div>
+                      </div>
+                    </section>
+                  </div>
+                </li>
+                <li class="item">
+                  <div>
+                    <code>
+                    <a name="/s:vC15FoldingCellDemo11FoldingCell14foregroundViewXwGSQCS_11RotatedView_"></a>
+                    <a name="//apple_ref/swift/Property/foregroundView" class="dashAnchor"></a>
+                    <a class="token" href="#/s:vC15FoldingCellDemo11FoldingCell14foregroundViewXwGSQCS_11RotatedView_">foregroundView</a>
+                    </code>
+                  </div>
+                  <div class="height-container">
+                    <div class="pointer-container"></div>
+                    <section class="section">
+                      <div class="pointer"></div>
+                      <div class="abstract">
+                        <p>UIView whitch display when cell close</p>
+
+                      </div>
+                      <div class="declaration">
+                        <h4>Declaration</h4>
+                        <div class="language">
+                          <p class="aside-title">Swift</p>
+                          <pre class="highlight"><code><span class="kd">@IBOutlet</span> <span class="k">weak</span> <span class="kd">public</span> <span class="k">var</span> <span class="nv">foregroundView</span><span class="p">:</span> <span class="kt">RotatedView</span><span class="o">!</span></code></pre>
+
+                        </div>
+                      </div>
+                    </section>
+                  </div>
+                </li>
+                <li class="item">
+                  <div>
+                    <code>
+                    <a name="/s:vC15FoldingCellDemo11FoldingCell9itemCountSi"></a>
+                    <a name="//apple_ref/swift/Property/itemCount" class="dashAnchor"></a>
+                    <a class="token" href="#/s:vC15FoldingCellDemo11FoldingCell9itemCountSi">itemCount</a>
+                    </code>
+                  </div>
+                  <div class="height-container">
+                    <div class="pointer-container"></div>
+                    <section class="section">
+                      <div class="pointer"></div>
+                      <div class="abstract">
+                        <p>the number of folding elements. Default 2</p>
+
+                      </div>
+                      <div class="declaration">
+                        <h4>Declaration</h4>
+                        <div class="language">
+                          <p class="aside-title">Swift</p>
+                          <pre class="highlight"><code><span class="kd">@IBInspectable</span> <span class="kd">public</span> <span class="k">var</span> <span class="nv">itemCount</span><span class="p">:</span> <span class="kt">NSInteger</span> <span class="o">=</span> <span class="mi">2</span></code></pre>
+
+                        </div>
+                      </div>
+                    </section>
+                  </div>
+                </li>
+                <li class="item">
+                  <div>
+                    <code>
+                    <a name="/s:vC15FoldingCellDemo11FoldingCell13backViewColorCSo7UIColor"></a>
+                    <a name="//apple_ref/swift/Property/backViewColor" class="dashAnchor"></a>
+                    <a class="token" href="#/s:vC15FoldingCellDemo11FoldingCell13backViewColorCSo7UIColor">backViewColor</a>
+                    </code>
+                  </div>
+                  <div class="height-container">
+                    <div class="pointer-container"></div>
+                    <section class="section">
+                      <div class="pointer"></div>
+                      <div class="abstract">
+                        <p>The color of the back cell</p>
+
+                      </div>
+                      <div class="declaration">
+                        <h4>Declaration</h4>
+                        <div class="language">
+                          <p class="aside-title">Swift</p>
+                          <pre class="highlight"><code><span class="kd">@IBInspectable</span> <span class="kd">public</span> <span class="k">var</span> <span class="nv">backViewColor</span><span class="p">:</span> <span class="kt">UIColor</span> <span class="o">=</span> <span class="kt">UIColor</span><span class="o">.</span><span class="nf">brownColor</span><span class="p">()</span></code></pre>
+
+                        </div>
+                      </div>
+                    </section>
+                  </div>
+                </li>
+                <li class="item">
+                  <div>
+                    <code>
+                    <a name="/s:OC15FoldingCellDemo11FoldingCell13AnimationType"></a>
+                    <a name="//apple_ref/swift/Enum/AnimationType" class="dashAnchor"></a>
+                    <a class="token" href="#/s:OC15FoldingCellDemo11FoldingCell13AnimationType">AnimationType</a>
+                    </code>
+                  </div>
+                  <div class="height-container">
+                    <div class="pointer-container"></div>
+                    <section class="section">
+                      <div class="pointer"></div>
+                      <div class="abstract">
+                        <p>Folding animation types</p>
+
+<ul>
+<li>Open:  Open direction</li>
+<li>Close: Close direction</li>
+</ul>
+
+                      </div>
+                      <div class="declaration">
+                        <h4>Declaration</h4>
+                        <div class="language">
+                          <p class="aside-title">Swift</p>
+                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">enum</span> <span class="kt">AnimationType</span></code></pre>
+
+                        </div>
+                      </div>
+                    </section>
+                  </div>
+                </li>
+              </ul>
+            </div>
+            <div class="task-group">
+              <div class="task-name-container">
+                <a name="/%20life%20cicle"></a>
+                <a name="//apple_ref/swift/Section/ life cicle" class="dashAnchor"></a>
+                <a href="#/%20life%20cicle">
+                  <h3 class="section-name"> life cicle</h3>
+                </a>
+              </div>
+              <ul>
+                <li class="item">
+                  <div>
+                    <code>
+                    <a name="/s:FC15FoldingCellDemo11FoldingCell10commonInitFT_T_"></a>
+                    <a name="//apple_ref/swift/Method/commonInit()" class="dashAnchor"></a>
+                    <a class="token" href="#/s:FC15FoldingCellDemo11FoldingCell10commonInitFT_T_">commonInit()</a>
+                    </code>
+                  </div>
+                  <div class="height-container">
+                    <div class="pointer-container"></div>
+                    <section class="section">
+                      <div class="pointer"></div>
+                      <div class="abstract">
+                        <p>Call this method in methods init(style: UITableViewCellStyle, reuseIdentifier: String?) after creating Views</p>
+
+                      </div>
+                      <div class="declaration">
+                        <h4>Declaration</h4>
+                        <div class="language">
+                          <p class="aside-title">Swift</p>
+                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">commonInit</span><span class="p">()</span></code></pre>
+
+                        </div>
+                      </div>
+                    </section>
+                  </div>
+                </li>
+              </ul>
+            </div>
+            <div class="task-group">
+              <div class="task-name-container">
+                <a name="/public"></a>
+                <a name="//apple_ref/swift/Section/public" class="dashAnchor"></a>
+                <a href="#/public">
+                  <h3 class="section-name">public</h3>
+                </a>
+              </div>
+              <ul>
+                <li class="item">
+                  <div>
+                    <code>
+                    <a name="/s:FC15FoldingCellDemo11FoldingCell17selectedAnimationFTSb8animatedSb10completionGSqFT_T___T_"></a>
+                    <a name="//apple_ref/swift/Method/selectedAnimation(_:animated:completion:)" class="dashAnchor"></a>
+                    <a class="token" href="#/s:FC15FoldingCellDemo11FoldingCell17selectedAnimationFTSb8animatedSb10completionGSqFT_T___T_">selectedAnimation(_:animated:completion:)</a>
+                    </code>
+                  </div>
+                  <div class="height-container">
+                    <div class="pointer-container"></div>
+                    <section class="section">
+                      <div class="pointer"></div>
+                      <div class="abstract">
+                        <p>Open or close cell</p>
+
+                      </div>
+                      <div class="declaration">
+                        <h4>Declaration</h4>
+                        <div class="language">
+                          <p class="aside-title">Swift</p>
+                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">selectedAnimation</span><span class="p">(</span><span class="nv">isSelected</span><span class="p">:</span> <span class="kt">Bool</span><span class="p">,</span> <span class="nv">animated</span><span class="p">:</span> <span class="kt">Bool</span><span class="p">,</span> <span class="nv">completion</span><span class="p">:</span> <span class="p">(</span><span class="kt">Void</span> <span class="o">-&gt;</span> <span class="kt">Void</span><span class="p">)?)</span></code></pre>
+
+                        </div>
+                      </div>
+                      <div>
+                        <h4>Parameters</h4>
+                        <table class="graybox">
+                          <tbody>
+                            <tr>
+                              <td>
+                                <code>
+                                <em>isSelected</em>
+                                </code>
+                              </td>
+                              <td>
+                                <div>
+                                  <p>Specify true if you want to open cell or false if you close cell.</p>
+
+                                </div>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td>
+                                <code>
+                                <em>animated</em>
+                                </code>
+                              </td>
+                              <td>
+                                <div>
+                                  <p>Specify true if you want to animate the change in visibility or false if you want immediately.</p>
+
+                                </div>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td>
+                                <code>
+                                <em>completion</em>
+                                </code>
+                              </td>
+                              <td>
+                                <div>
+                                  <p>A block object to be executed when the animation sequence ends.</p>
+
+                                </div>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </div>
+                    </section>
+                  </div>
+                </li>
+              </ul>
+            </div>
+          </section>
+        </section>
+        <section id="footer">
+          <p>&copy; 2016 <a class="link" href="" target="_blank" rel="external">AlexKalinkin</a>. All rights reserved. (Last updated: 2016-06-10)</p>
+          <p>Generated by <a class="link" href="https://github.com/realm/jazzy" target="_blank" rel="external">jazzy ♪♫ v0.5.0</a>, a <a class="link" href="http://realm.io" target="_blank" rel="external">Realm</a> project.</p>
+        </section>
+      </article>
+    </div>
+  </body>
+</div>
+</html>

docs/css/highlight.css

@@ -0,0 +1,200 @@
+/* Credit to https://gist.github.com/wataru420/2048287 */
+.highlight {
+  /* Comment */
+  /* Error */
+  /* Keyword */
+  /* Operator */
+  /* Comment.Multiline */
+  /* Comment.Preproc */
+  /* Comment.Single */
+  /* Comment.Special */
+  /* Generic.Deleted */
+  /* Generic.Deleted.Specific */
+  /* Generic.Emph */
+  /* Generic.Error */
+  /* Generic.Heading */
+  /* Generic.Inserted */
+  /* Generic.Inserted.Specific */
+  /* Generic.Output */
+  /* Generic.Prompt */
+  /* Generic.Strong */
+  /* Generic.Subheading */
+  /* Generic.Traceback */
+  /* Keyword.Constant */
+  /* Keyword.Declaration */
+  /* Keyword.Pseudo */
+  /* Keyword.Reserved */
+  /* Keyword.Type */
+  /* Literal.Number */
+  /* Literal.String */
+  /* Name.Attribute */
+  /* Name.Builtin */
+  /* Name.Class */
+  /* Name.Constant */
+  /* Name.Entity */
+  /* Name.Exception */
+  /* Name.Function */
+  /* Name.Namespace */
+  /* Name.Tag */
+  /* Name.Variable */
+  /* Operator.Word */
+  /* Text.Whitespace */
+  /* Literal.Number.Float */
+  /* Literal.Number.Hex */
+  /* Literal.Number.Integer */
+  /* Literal.Number.Oct */
+  /* Literal.String.Backtick */
+  /* Literal.String.Char */
+  /* Literal.String.Doc */
+  /* Literal.String.Double */
+  /* Literal.String.Escape */
+  /* Literal.String.Heredoc */
+  /* Literal.String.Interpol */
+  /* Literal.String.Other */
+  /* Literal.String.Regex */
+  /* Literal.String.Single */
+  /* Literal.String.Symbol */
+  /* Name.Builtin.Pseudo */
+  /* Name.Variable.Class */
+  /* Name.Variable.Global */
+  /* Name.Variable.Instance */
+  /* Literal.Number.Integer.Long */ }
+  .highlight .c {
+    color: #999988;
+    font-style: italic; }
+  .highlight .err {
+    color: #a61717;
+    background-color: #e3d2d2; }
+  .highlight .k {
+    color: #000000;
+    font-weight: bold; }
+  .highlight .o {
+    color: #000000;
+    font-weight: bold; }
+  .highlight .cm {
+    color: #999988;
+    font-style: italic; }
+  .highlight .cp {
+    color: #999999;
+    font-weight: bold; }
+  .highlight .c1 {
+    color: #999988;
+    font-style: italic; }
+  .highlight .cs {
+    color: #999999;
+    font-weight: bold;
+    font-style: italic; }
+  .highlight .gd {
+    color: #000000;
+    background-color: #ffdddd; }
+  .highlight .gd .x {
+    color: #000000;
+    background-color: #ffaaaa; }
+  .highlight .ge {
+    color: #000000;
+    font-style: italic; }
+  .highlight .gr {
+    color: #aa0000; }
+  .highlight .gh {
+    color: #999999; }
+  .highlight .gi {
+    color: #000000;
+    background-color: #ddffdd; }
+  .highlight .gi .x {
+    color: #000000;
+    background-color: #aaffaa; }
+  .highlight .go {
+    color: #888888; }
+  .highlight .gp {
+    color: #555555; }
+  .highlight .gs {
+    font-weight: bold; }
+  .highlight .gu {
+    color: #aaaaaa; }
+  .highlight .gt {
+    color: #aa0000; }
+  .highlight .kc {
+    color: #000000;
+    font-weight: bold; }
+  .highlight .kd {
+    color: #000000;
+    font-weight: bold; }
+  .highlight .kp {
+    color: #000000;
+    font-weight: bold; }
+  .highlight .kr {
+    color: #000000;
+    font-weight: bold; }
+  .highlight .kt {
+    color: #445588; }
+  .highlight .m {
+    color: #009999; }
+  .highlight .s {
+    color: #d14; }
+  .highlight .na {
+    color: #008080; }
+  .highlight .nb {
+    color: #0086B3; }
+  .highlight .nc {
+    color: #445588;
+    font-weight: bold; }
+  .highlight .no {
+    color: #008080; }
+  .highlight .ni {
+    color: #800080; }
+  .highlight .ne {
+    color: #990000;
+    font-weight: bold; }
+  .highlight .nf {
+    color: #990000; }
+  .highlight .nn {
+    color: #555555; }
+  .highlight .nt {
+    color: #000080; }
+  .highlight .nv {
+    color: #008080; }
+  .highlight .ow {
+    color: #000000;
+    font-weight: bold; }
+  .highlight .w {
+    color: #bbbbbb; }
+  .highlight .mf {
+    color: #009999; }
+  .highlight .mh {
+    color: #009999; }
+  .highlight .mi {
+    color: #009999; }
+  .highlight .mo {
+    color: #009999; }
+  .highlight .sb {
+    color: #d14; }
+  .highlight .sc {
+    color: #d14; }
+  .highlight .sd {
+    color: #d14; }
+  .highlight .s2 {
+    color: #d14; }
+  .highlight .se {
+    color: #d14; }
+  .highlight .sh {
+    color: #d14; }
+  .highlight .si {
+    color: #d14; }
+  .highlight .sx {
+    color: #d14; }
+  .highlight .sr {
+    color: #009926; }
+  .highlight .s1 {
+    color: #d14; }
+  .highlight .ss {
+    color: #990073; }
+  .highlight .bp {
+    color: #999999; }
+  .highlight .vc {
+    color: #008080; }
+  .highlight .vg {
+    color: #008080; }
+  .highlight .vi {
+    color: #008080; }
+  .highlight .il {
+    color: #009999; }

docs/css/jazzy.css

@@ -0,0 +1,331 @@
+html, body, div, span, h1, h3, h4, p, a, code, em, img, ul, li, table, tbody, tr, td {
+  background: transparent;
+  border: 0;
+  margin: 0;
+  outline: 0;
+  padding: 0;
+  vertical-align: baseline; }
+
+body {
+  background-color: #f2f2f2;
+  font-family: Helvetica, freesans, Arial, sans-serif;
+  font-size: 14px;
+  -webkit-font-smoothing: subpixel-antialiased;
+  word-wrap: break-word; }
+
+h1, h2, h3 {
+  margin-top: 0.8em;
+  margin-bottom: 0.3em;
+  font-weight: 100;
+  color: black; }
+
+h1 {
+  font-size: 2.5em; }
+
+h2 {
+  font-size: 2em;
+  border-bottom: 1px solid #e2e2e2; }
+
+h4 {
+  font-size: 13px;
+  line-height: 1.5;
+  margin-top: 21px; }
+
+h5 {
+  font-size: 1.1em; }
+
+h6 {
+  font-size: 1.1em;
+  color: #777; }
+
+.section-name {
+  color: gray;
+  display: block;
+  font-family: Helvetica;
+  font-size: 22px;
+  font-weight: 100;
+  margin-bottom: 15px; }
+
+pre, code {
+  font: 0.95em Menlo, monospace;
+  color: #777;
+  word-wrap: normal; }
+
+p code, li code {
+  background-color: #eee;
+  padding: 2px 4px;
+  border-radius: 4px; }
+
+a {
+  color: #0088cc;
+  text-decoration: none; }
+
+ul {
+  padding-left: 15px; }
+
+li {
+  line-height: 1.8em; }
+
+img {
+  max-width: 100%; }
+
+blockquote {
+  margin-left: 0;
+  padding: 0 10px;
+  border-left: 4px solid #ccc; }
+
+.content-wrapper {
+  margin: 0 auto;
+  width: 980px; }
+
+header {
+  font-size: 0.85em;
+  line-height: 26px;
+  background-color: #414141;
+  position: fixed;
+  width: 100%;
+  z-index: 1; }
+  header img {
+    padding-right: 6px;
+    vertical-align: -4px;
+    height: 16px; }
+  header a {
+    color: #fff; }
+  header p {
+    float: left;
+    color: #999; }
+  header .header-right {
+    float: right;
+    margin-left: 16px; }
+
+#breadcrumbs {
+  background-color: #f2f2f2;
+  height: 27px;
+  padding-top: 17px;
+  position: fixed;
+  width: 100%;
+  z-index: 1;
+  margin-top: 26px; }
+  #breadcrumbs #carat {
+    height: 10px;
+    margin: 0 5px; }
+
+.sidebar {
+  background-color: #f9f9f9;
+  border: 1px solid #e2e2e2;
+  overflow-y: auto;
+  overflow-x: hidden;
+  position: fixed;
+  top: 70px;
+  bottom: 0;
+  width: 230px;
+  word-wrap: normal; }
+
+.nav-groups {
+  list-style-type: none;
+  background: #fff;
+  padding-left: 0; }
+
+.nav-group-name {
+  border-bottom: 1px solid #e2e2e2;
+  font-size: 1.1em;
+  font-weight: 100;
+  padding: 15px 0 15px 20px; }
+  .nav-group-name > a {
+    color: #333; }
+
+.nav-group-tasks {
+  margin-top: 5px; }
+
+.nav-group-task {
+  font-size: 0.9em;
+  list-style-type: none; }
+  .nav-group-task a {
+    color: #888; }
+
+.main-content {
+  background-color: #fff;
+  border: 1px solid #e2e2e2;
+  margin-left: 246px;
+  position: absolute;
+  overflow: hidden;
+  padding-bottom: 60px;
+  top: 70px;
+  width: 734px; }
+  .main-content p, .main-content a, .main-content code, .main-content em, .main-content ul, .main-content table, .main-content blockquote {
+    margin-bottom: 1em; }
+  .main-content p {
+    line-height: 1.8em; }
+  .main-content section .section:first-child {
+    margin-top: 0;
+    padding-top: 0; }
+  .main-content section .task-group-section .task-group:first-of-type {
+    padding-top: 10px; }
+    .main-content section .task-group-section .task-group:first-of-type .section-name {
+      padding-top: 15px; }
+
+.section {
+  padding: 0 25px; }
+
+.highlight {
+  background-color: #eee;
+  padding: 10px 12px;
+  border: 1px solid #e2e2e2;
+  border-radius: 4px;
+  overflow-x: auto; }
+
+.declaration .highlight {
+  overflow-x: initial;
+  padding: 0 40px 40px 0;
+  margin-bottom: -25px;
+  background-color: transparent;
+  border: none; }
+
+.section-name {
+  margin: 0;
+  margin-left: 18px; }
+
+.task-group-section {
+  padding-left: 6px;
+  border-top: 1px solid #e2e2e2; }
+
+.task-group {
+  padding-top: 0px; }
+
+.task-name-container a[name]:before {
+  content: "";
+  display: block;
+  padding-top: 70px;
+  margin: -70px 0 0; }
+
+.item {
+  padding-top: 8px;
+  width: 100%;
+  list-style-type: none; }
+  .item a[name]:before {
+    content: "";
+    display: block;
+    padding-top: 70px;
+    margin: -70px 0 0; }
+  .item code {
+    background-color: transparent;
+    padding: 0; }
+  .item .token {
+    padding-left: 3px;
+    margin-left: 15px;
+    font-size: 11.9px; }
+  .item .declaration-note {
+    font-size: .85em;
+    color: gray;
+    font-style: italic; }
+
+.pointer-container {
+  border-bottom: 1px solid #e2e2e2;
+  left: -23px;
+  padding-bottom: 13px;
+  position: relative;
+  width: 110%; }
+
+.pointer {
+  background: #f9f9f9;
+  border-left: 1px solid #e2e2e2;
+  border-top: 1px solid #e2e2e2;
+  height: 12px;
+  left: 21px;
+  top: -7px;
+  -webkit-transform: rotate(45deg);
+  -moz-transform: rotate(45deg);
+  -o-transform: rotate(45deg);
+  transform: rotate(45deg);
+  position: absolute;
+  width: 12px; }
+
+.height-container {
+  display: none;
+  left: -25px;
+  padding: 0 25px;
+  position: relative;
+  width: 100%;
+  overflow: hidden; }
+  .height-container .section {
+    background: #f9f9f9;
+    border-bottom: 1px solid #e2e2e2;
+    left: -25px;
+    position: relative;
+    width: 100%;
+    padding-top: 10px;
+    padding-bottom: 5px; }
+
+.aside, .language {
+  padding: 6px 12px;
+  margin: 12px 0;
+  border-left: 5px solid #dddddd;
+  overflow-y: hidden; }
+  .aside .aside-title, .language .aside-title {
+    font-size: 9px;
+    letter-spacing: 2px;
+    text-transform: uppercase;
+    padding-bottom: 0;
+    margin: 0;
+    color: #aaa;
+    -webkit-user-select: none; }
+  .aside p:last-child, .language p:last-child {
+    margin-bottom: 0; }
+
+.language {
+  border-left: 5px solid #cde9f4; }
+  .language .aside-title {
+    color: #4b8afb; }
+
+.aside-warning {
+  border-left: 5px solid #ff6666; }
+  .aside-warning .aside-title {
+    color: #ff0000; }
+
+.graybox {
+  border-collapse: collapse;
+  width: 100%; }
+  .graybox p {
+    margin: 0;
+    word-break: break-word;
+    min-width: 50px; }
+  .graybox td {
+    border: 1px solid #e2e2e2;
+    padding: 5px 25px 5px 10px;
+    vertical-align: middle; }
+  .graybox tr td:first-of-type {
+    text-align: right;
+    padding: 7px;
+    vertical-align: top;
+    word-break: normal;
+    width: 40px; }
+
+.slightly-smaller {
+  font-size: 0.9em; }
+
+#footer {
+  position: absolute;
+  bottom: 10px;
+  margin-left: 25px; }
+  #footer p {
+    margin: 0;
+    color: #aaa;
+    font-size: 0.8em; }
+
+html.dash header, html.dash #breadcrumbs, html.dash .sidebar {
+  display: none; }
+html.dash .main-content {
+  width: 980px;
+  margin-left: 0;
+  border: none;
+  width: 100%;
+  top: 0;
+  padding-bottom: 0; }
+html.dash .height-container {
+  display: block; }
+html.dash .item .token {
+  margin-left: 0; }
+html.dash .content-wrapper {
+  width: auto; }
+html.dash #footer {
+  position: static; }

docs/docsets/FoldingCellDemo.docset/Contents/Info.plist

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+  <dict>
+    <key>CFBundleIdentifier</key>
+      <string>com.jazzy.foldingcelldemo</string>
+    <key>CFBundleName</key>
+      <string>FoldingCellDemo</string>
+    <key>DocSetPlatformFamily</key>
+      <string>jazzy</string>
+    <key>isDashDocset</key>
+      <true/>
+    <key>dashIndexFilePath</key>
+      <string>index.html</string>
+    <key>isJavaScriptEnabled</key>
+      <true/>
+    <key>DashDocSetFamily</key>
+      <string>dashtoc</string>
+  </dict>
+</plist>

docs/docsets/FoldingCellDemo.docset/Contents/Resources/Documents/Classes.html

@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Classes  Reference</title>
+    <link rel="stylesheet" type="text/css" href="css/jazzy.css" />
+    <link rel="stylesheet" type="text/css" href="css/highlight.css" />
+    <meta charset='utf-8'>
+    <script src="js/jquery.min.js" defer></script>
+    <script src="js/jazzy.js" defer></script>
+    
+  </head>
+  <body>
+    <a title="Classes  Reference"></a>
+    <header>
+      <div class="content-wrapper">
+        <p><a href="index.html">FoldingCellDemo Docs</a> (47% documented)</p>
+      </div>
+    </header>
+    <div class="content-wrapper">
+      <p id="breadcrumbs">
+        <a href="index.html">FoldingCellDemo Reference</a>
+        <img id="carat" src="img/carat.png" />
+        Classes  Reference
+      </p>
+    </div>
+    <div class="content-wrapper">
+      <nav class="sidebar">
+        <ul class="nav-groups">
+          <li class="nav-group-name">
+            <a href="Classes.html">Classes</a>
+            <ul class="nav-group-tasks">
+              <li class="nav-group-task">
+                <a href="Classes/FoldingCell.html">FoldingCell</a>
+              </li>
+            </ul>
+          </li>
+        </ul>
+      </nav>
+      <article class="main-content">
+        <section>
+          <section class="section">
+            <h1>Classes</h1>
+            <p>The following classes are available globally.</p>
+
+          </section>
+          <section class="section task-group-section">
+            <div class="task-group">
+              <ul>
+                <li class="item">
+                  <div>
+                    <code>
+                    <a name="/s:C15FoldingCellDemo11FoldingCell"></a>
+                    <a name="//apple_ref/swift/Class/FoldingCell" class="dashAnchor"></a>
+                    <a class="token" href="#/s:C15FoldingCellDemo11FoldingCell">FoldingCell</a>
+                    </code>
+                  </div>
+                  <div class="height-container">
+                    <div class="pointer-container"></div>
+                    <section class="section">
+                      <div class="pointer"></div>
+                      <div class="abstract">
+                        <p>UITableViewCell with folding animation</p>
+
+                        <a href="Classes/FoldingCell.html" class="slightly-smaller">See more</a>
+                      </div>
+                      <div class="declaration">
+                        <h4>Declaration</h4>
+                        <div class="language">
+                          <p class="aside-title">Swift</p>
+                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">class</span> <span class="kt">FoldingCell</span><span class="p">:</span> <span class="kt">UITableViewCell</span></code></pre>
+
+                        </div>
+                      </div>
+                    </section>
+                  </div>
+                </li>
+              </ul>
+            </div>
+          </section>
+        </section>
+        <section id="footer">
+          <p>&copy; 2016 <a class="link" href="" target="_blank" rel="external">AlexKalinkin</a>. All rights reserved. (Last updated: 2016-06-10)</p>
+          <p>Generated by <a class="link" href="https://github.com/realm/jazzy" target="_blank" rel="external">jazzy ♪♫ v0.5.0</a>, a <a class="link" href="http://realm.io" target="_blank" rel="external">Realm</a> project.</p>
+        </section>
+      </article>
+    </div>
+  </body>
+</div>
+</html>

docs/docsets/FoldingCellDemo.docset/Contents/Resources/Documents/Classes/FoldingCell.html

@@ -0,0 +1,330 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>FoldingCell Class Reference</title>
+    <link rel="stylesheet" type="text/css" href="../css/jazzy.css" />
+    <link rel="stylesheet" type="text/css" href="../css/highlight.css" />
+    <meta charset='utf-8'>
+    <script src="../js/jquery.min.js" defer></script>
+    <script src="../js/jazzy.js" defer></script>
+    
+  </head>
+  <body>
+    <a name="//apple_ref/swift/Class/FoldingCell" class="dashAnchor"></a>
+    <a title="FoldingCell Class Reference"></a>
+    <header>
+      <div class="content-wrapper">
+        <p><a href="../index.html">FoldingCellDemo Docs</a> (47% documented)</p>
+      </div>
+    </header>
+    <div class="content-wrapper">
+      <p id="breadcrumbs">
+        <a href="../index.html">FoldingCellDemo Reference</a>
+        <img id="carat" src="../img/carat.png" />
+        FoldingCell Class Reference
+      </p>
+    </div>
+    <div class="content-wrapper">
+      <nav class="sidebar">
+        <ul class="nav-groups">
+          <li class="nav-group-name">
+            <a href="../Classes.html">Classes</a>
+            <ul class="nav-group-tasks">
+              <li class="nav-group-task">
+                <a href="../Classes/FoldingCell.html">FoldingCell</a>
+              </li>
+            </ul>
+          </li>
+        </ul>
+      </nav>
+      <article class="main-content">
+        <section>
+          <section class="section">
+            <h1>FoldingCell</h1>
+              <div class="declaration">
+                <div class="language">
+                  <pre class="highlight"><code><span class="kd">public</span> <span class="kd">class</span> <span class="kt">FoldingCell</span><span class="p">:</span> <span class="kt">UITableViewCell</span></code></pre>
+
+                </div>
+              </div>
+            <p>UITableViewCell with folding animation</p>
+
+          </section>
+          <section class="section task-group-section">
+            <div class="task-group">
+              <ul>
+                <li class="item">
+                  <div>
+                    <code>
+                    <a name="/s:vC15FoldingCellDemo11FoldingCell13containerViewXwGSQCSo6UIView_"></a>
+                    <a name="//apple_ref/swift/Property/containerView" class="dashAnchor"></a>
+                    <a class="token" href="#/s:vC15FoldingCellDemo11FoldingCell13containerViewXwGSQCSo6UIView_">containerView</a>
+                    </code>
+                  </div>
+                  <div class="height-container">
+                    <div class="pointer-container"></div>
+                    <section class="section">
+                      <div class="pointer"></div>
+                      <div class="abstract">
+                        <p>UIView whitch display when cell open</p>
+
+                      </div>
+                      <div class="declaration">
+                        <h4>Declaration</h4>
+                        <div class="language">
+                          <p class="aside-title">Swift</p>
+                          <pre class="highlight"><code><span class="kd">@IBOutlet</span> <span class="k">weak</span> <span class="kd">public</span> <span class="k">var</span> <span class="nv">containerView</span><span class="p">:</span> <span class="kt">UIView</span><span class="o">!</span></code></pre>
+
+                        </div>
+                      </div>
+                    </section>
+                  </div>
+                </li>
+                <li class="item">
+                  <div>
+                    <code>
+                    <a name="/s:vC15FoldingCellDemo11FoldingCell14foregroundViewXwGSQCS_11RotatedView_"></a>
+                    <a name="//apple_ref/swift/Property/foregroundView" class="dashAnchor"></a>
+                    <a class="token" href="#/s:vC15FoldingCellDemo11FoldingCell14foregroundViewXwGSQCS_11RotatedView_">foregroundView</a>
+                    </code>
+                  </div>
+                  <div class="height-container">
+                    <div class="pointer-container"></div>
+                    <section class="section">
+                      <div class="pointer"></div>
+                      <div class="abstract">
+                        <p>UIView whitch display when cell close</p>
+
+                      </div>
+                      <div class="declaration">
+                        <h4>Declaration</h4>
+                        <div class="language">
+                          <p class="aside-title">Swift</p>
+                          <pre class="highlight"><code><span class="kd">@IBOutlet</span> <span class="k">weak</span> <span class="kd">public</span> <span class="k">var</span> <span class="nv">foregroundView</span><span class="p">:</span> <span class="kt">RotatedView</span><span class="o">!</span></code></pre>
+
+                        </div>
+                      </div>
+                    </section>
+                  </div>
+                </li>
+                <li class="item">
+                  <div>
+                    <code>
+                    <a name="/s:vC15FoldingCellDemo11FoldingCell9itemCountSi"></a>
+                    <a name="//apple_ref/swift/Property/itemCount" class="dashAnchor"></a>
+                    <a class="token" href="#/s:vC15FoldingCellDemo11FoldingCell9itemCountSi">itemCount</a>
+                    </code>
+                  </div>
+                  <div class="height-container">
+                    <div class="pointer-container"></div>
+                    <section class="section">
+                      <div class="pointer"></div>
+                      <div class="abstract">
+                        <p>the number of folding elements. Default 2</p>
+
+                      </div>
+                      <div class="declaration">
+                        <h4>Declaration</h4>
+                        <div class="language">
+                          <p class="aside-title">Swift</p>
+                          <pre class="highlight"><code><span class="kd">@IBInspectable</span> <span class="kd">public</span> <span class="k">var</span> <span class="nv">itemCount</span><span class="p">:</span> <span class="kt">NSInteger</span> <span class="o">=</span> <span class="mi">2</span></code></pre>
+
+                        </div>
+                      </div>
+                    </section>
+                  </div>
+                </li>
+                <li class="item">
+                  <div>
+                    <code>
+                    <a name="/s:vC15FoldingCellDemo11FoldingCell13backViewColorCSo7UIColor"></a>
+                    <a name="//apple_ref/swift/Property/backViewColor" class="dashAnchor"></a>
+                    <a class="token" href="#/s:vC15FoldingCellDemo11FoldingCell13backViewColorCSo7UIColor">backViewColor</a>
+                    </code>
+                  </div>
+                  <div class="height-container">
+                    <div class="pointer-container"></div>
+                    <section class="section">
+                      <div class="pointer"></div>
+                      <div class="abstract">
+                        <p>The color of the back cell</p>
+
+                      </div>
+                      <div class="declaration">
+                        <h4>Declaration</h4>
+                        <div class="language">
+                          <p class="aside-title">Swift</p>
+                          <pre class="highlight"><code><span class="kd">@IBInspectable</span> <span class="kd">public</span> <span class="k">var</span> <span class="nv">backViewColor</span><span class="p">:</span> <span class="kt">UIColor</span> <span class="o">=</span> <span class="kt">UIColor</span><span class="o">.</span><span class="nf">brownColor</span><span class="p">()</span></code></pre>
+
+                        </div>
+                      </div>
+                    </section>
+                  </div>
+                </li>
+                <li class="item">
+                  <div>
+                    <code>
+                    <a name="/s:OC15FoldingCellDemo11FoldingCell13AnimationType"></a>
+                    <a name="//apple_ref/swift/Enum/AnimationType" class="dashAnchor"></a>
+                    <a class="token" href="#/s:OC15FoldingCellDemo11FoldingCell13AnimationType">AnimationType</a>
+                    </code>
+                  </div>
+                  <div class="height-container">
+                    <div class="pointer-container"></div>
+                    <section class="section">
+                      <div class="pointer"></div>
+                      <div class="abstract">
+                        <p>Folding animation types</p>
+
+<ul>
+<li>Open:  Open direction</li>
+<li>Close: Close direction</li>
+</ul>
+
+                      </div>
+                      <div class="declaration">
+                        <h4>Declaration</h4>
+                        <div class="language">
+                          <p class="aside-title">Swift</p>
+                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">enum</span> <span class="kt">AnimationType</span></code></pre>
+
+                        </div>
+                      </div>
+                    </section>
+                  </div>
+                </li>
+              </ul>
+            </div>
+            <div class="task-group">
+              <div class="task-name-container">
+                <a name="/%20life%20cicle"></a>
+                <a name="//apple_ref/swift/Section/ life cicle" class="dashAnchor"></a>
+                <a href="#/%20life%20cicle">
+                  <h3 class="section-name"> life cicle</h3>
+                </a>
+              </div>
+              <ul>
+                <li class="item">
+                  <div>
+                    <code>
+                    <a name="/s:FC15FoldingCellDemo11FoldingCell10commonInitFT_T_"></a>
+                    <a name="//apple_ref/swift/Method/commonInit()" class="dashAnchor"></a>
+                    <a class="token" href="#/s:FC15FoldingCellDemo11FoldingCell10commonInitFT_T_">commonInit()</a>
+                    </code>
+                  </div>
+                  <div class="height-container">
+                    <div class="pointer-container"></div>
+                    <section class="section">
+                      <div class="pointer"></div>
+                      <div class="abstract">
+                        <p>Call this method in methods init(style: UITableViewCellStyle, reuseIdentifier: String?) after creating Views</p>
+
+                      </div>
+                      <div class="declaration">
+                        <h4>Declaration</h4>
+                        <div class="language">
+                          <p class="aside-title">Swift</p>
+                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">commonInit</span><span class="p">()</span></code></pre>
+
+                        </div>
+                      </div>
+                    </section>
+                  </div>
+                </li>
+              </ul>
+            </div>
+            <div class="task-group">
+              <div class="task-name-container">
+                <a name="/public"></a>
+                <a name="//apple_ref/swift/Section/public" class="dashAnchor"></a>
+                <a href="#/public">
+                  <h3 class="section-name">public</h3>
+                </a>
+              </div>
+              <ul>
+                <li class="item">
+                  <div>
+                    <code>
+                    <a name="/s:FC15FoldingCellDemo11FoldingCell17selectedAnimationFTSb8animatedSb10completionGSqFT_T___T_"></a>
+                    <a name="//apple_ref/swift/Method/selectedAnimation(_:animated:completion:)" class="dashAnchor"></a>
+                    <a class="token" href="#/s:FC15FoldingCellDemo11FoldingCell17selectedAnimationFTSb8animatedSb10completionGSqFT_T___T_">selectedAnimation(_:animated:completion:)</a>
+                    </code>
+                  </div>
+                  <div class="height-container">
+                    <div class="pointer-container"></div>
+                    <section class="section">
+                      <div class="pointer"></div>
+                      <div class="abstract">
+                        <p>Open or close cell</p>
+
+                      </div>
+                      <div class="declaration">
+                        <h4>Declaration</h4>
+                        <div class="language">
+                          <p class="aside-title">Swift</p>
+                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">selectedAnimation</span><span class="p">(</span><span class="nv">isSelected</span><span class="p">:</span> <span class="kt">Bool</span><span class="p">,</span> <span class="nv">animated</span><span class="p">:</span> <span class="kt">Bool</span><span class="p">,</span> <span class="nv">completion</span><span class="p">:</span> <span class="p">(</span><span class="kt">Void</span> <span class="o">-&gt;</span> <span class="kt">Void</span><span class="p">)?)</span></code></pre>
+
+                        </div>
+                      </div>
+                      <div>
+                        <h4>Parameters</h4>
+                        <table class="graybox">
+                          <tbody>
+                            <tr>
+                              <td>
+                                <code>
+                                <em>isSelected</em>
+                                </code>
+                              </td>
+                              <td>
+                                <div>
+                                  <p>Specify true if you want to open cell or false if you close cell.</p>
+
+                                </div>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td>
+                                <code>
+                                <em>animated</em>
+                                </code>
+                              </td>
+                              <td>
+                                <div>
+                                  <p>Specify true if you want to animate the change in visibility or false if you want immediately.</p>
+
+                                </div>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td>
+                                <code>
+                                <em>completion</em>
+                                </code>
+                              </td>
+                              <td>
+                                <div>
+                                  <p>A block object to be executed when the animation sequence ends.</p>
+
+                                </div>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </div>
+                    </section>
+                  </div>
+                </li>
+              </ul>
+            </div>
+          </section>
+        </section>
+        <section id="footer">
+          <p>&copy; 2016 <a class="link" href="" target="_blank" rel="external">AlexKalinkin</a>. All rights reserved. (Last updated: 2016-06-10)</p>
+          <p>Generated by <a class="link" href="https://github.com/realm/jazzy" target="_blank" rel="external">jazzy ♪♫ v0.5.0</a>, a <a class="link" href="http://realm.io" target="_blank" rel="external">Realm</a> project.</p>
+        </section>
+      </article>
+    </div>
+  </body>
+</div>
+</html>

docs/docsets/FoldingCellDemo.docset/Contents/Resources/Documents/css/highlight.css

@@ -0,0 +1,200 @@
+/* Credit to https://gist.github.com/wataru420/2048287 */
+.highlight {
+  /* Comment */
+  /* Error */
+  /* Keyword */
+  /* Operator */
+  /* Comment.Multiline */
+  /* Comment.Preproc */
+  /* Comment.Single */
+  /* Comment.Special */
+  /* Generic.Deleted */
+  /* Generic.Deleted.Specific */
+  /* Generic.Emph */
+  /* Generic.Error */
+  /* Generic.Heading */
+  /* Generic.Inserted */
+  /* Generic.Inserted.Specific */
+  /* Generic.Output */
+  /* Generic.Prompt */
+  /* Generic.Strong */
+  /* Generic.Subheading */
+  /* Generic.Traceback */
+  /* Keyword.Constant */
+  /* Keyword.Declaration */
+  /* Keyword.Pseudo */
+  /* Keyword.Reserved */
+  /* Keyword.Type */
+  /* Literal.Number */
+  /* Literal.String */
+  /* Name.Attribute */
+  /* Name.Builtin */
+  /* Name.Class */
+  /* Name.Constant */
+  /* Name.Entity */
+  /* Name.Exception */
+  /* Name.Function */
+  /* Name.Namespace */
+  /* Name.Tag */
+  /* Name.Variable */
+  /* Operator.Word */
+  /* Text.Whitespace */
+  /* Literal.Number.Float */
+  /* Literal.Number.Hex */
+  /* Literal.Number.Integer */
+  /* Literal.Number.Oct */
+  /* Literal.String.Backtick */
+  /* Literal.String.Char */
+  /* Literal.String.Doc */
+  /* Literal.String.Double */
+  /* Literal.String.Escape */
+  /* Literal.String.Heredoc */
+  /* Literal.String.Interpol */
+  /* Literal.String.Other */
+  /* Literal.String.Regex */
+  /* Literal.String.Single */
+  /* Literal.String.Symbol */
+  /* Name.Builtin.Pseudo */
+  /* Name.Variable.Class */
+  /* Name.Variable.Global */
+  /* Name.Variable.Instance */
+  /* Literal.Number.Integer.Long */ }
+  .highlight .c {
+    color: #999988;
+    font-style: italic; }
+  .highlight .err {
+    color: #a61717;
+    background-color: #e3d2d2; }
+  .highlight .k {
+    color: #000000;
+    font-weight: bold; }
+  .highlight .o {
+    color: #000000;
+    font-weight: bold; }
+  .highlight .cm {
+    color: #999988;
+    font-style: italic; }
+  .highlight .cp {
+    color: #999999;
+    font-weight: bold; }
+  .highlight .c1 {
+    color: #999988;
+    font-style: italic; }
+  .highlight .cs {
+    color: #999999;
+    font-weight: bold;
+    font-style: italic; }
+  .highlight .gd {
+    color: #000000;
+    background-color: #ffdddd; }
+  .highlight .gd .x {
+    color: #000000;
+    background-color: #ffaaaa; }
+  .highlight .ge {
+    color: #000000;
+    font-style: italic; }
+  .highlight .gr {
+    color: #aa0000; }
+  .highlight .gh {
+    color: #999999; }
+  .highlight .gi {
+    color: #000000;
+    background-color: #ddffdd; }
+  .highlight .gi .x {
+    color: #000000;
+    background-color: #aaffaa; }
+  .highlight .go {
+    color: #888888; }
+  .highlight .gp {
+    color: #555555; }
+  .highlight .gs {
+    font-weight: bold; }
+  .highlight .gu {
+    color: #aaaaaa; }
+  .highlight .gt {
+    color: #aa0000; }
+  .highlight .kc {
+    color: #000000;
+    font-weight: bold; }
+  .highlight .kd {
+    color: #000000;
+    font-weight: bold; }
+  .highlight .kp {
+    color: #000000;
+    font-weight: bold; }
+  .highlight .kr {
+    color: #000000;
+    font-weight: bold; }
+  .highlight .kt {
+    color: #445588; }
+  .highlight .m {
+    color: #009999; }
+  .highlight .s {
+    color: #d14; }
+  .highlight .na {
+    color: #008080; }
+  .highlight .nb {
+    color: #0086B3; }
+  .highlight .nc {
+    color: #445588;
+    font-weight: bold; }
+  .highlight .no {
+    color: #008080; }
+  .highlight .ni {
+    color: #800080; }
+  .highlight .ne {
+    color: #990000;
+    font-weight: bold; }
+  .highlight .nf {
+    color: #990000; }
+  .highlight .nn {
+    color: #555555; }
+  .highlight .nt {
+    color: #000080; }
+  .highlight .nv {
+    color: #008080; }
+  .highlight .ow {
+    color: #000000;
+    font-weight: bold; }
+  .highlight .w {
+    color: #bbbbbb; }
+  .highlight .mf {
+    color: #009999; }
+  .highlight .mh {
+    color: #009999; }
+  .highlight .mi {
+    color: #009999; }
+  .highlight .mo {
+    color: #009999; }
+  .highlight .sb {
+    color: #d14; }
+  .highlight .sc {
+    color: #d14; }
+  .highlight .sd {
+    color: #d14; }
+  .highlight .s2 {
+    color: #d14; }
+  .highlight .se {
+    color: #d14; }
+  .highlight .sh {
+    color: #d14; }
+  .highlight .si {
+    color: #d14; }
+  .highlight .sx {
+    color: #d14; }
+  .highlight .sr {
+    color: #009926; }
+  .highlight .s1 {
+    color: #d14; }
+  .highlight .ss {
+    color: #990073; }
+  .highlight .bp {
+    color: #999999; }
+  .highlight .vc {
+    color: #008080; }
+  .highlight .vg {
+    color: #008080; }
+  .highlight .vi {
+    color: #008080; }
+  .highlight .il {
+    color: #009999; }

docs/docsets/FoldingCellDemo.docset/Contents/Resources/Documents/css/jazzy.css

@@ -0,0 +1,331 @@
+html, body, div, span, h1, h3, h4, p, a, code, em, img, ul, li, table, tbody, tr, td {
+  background: transparent;
+  border: 0;
+  margin: 0;
+  outline: 0;
+  padding: 0;
+  vertical-align: baseline; }
+
+body {
+  background-color: #f2f2f2;
+  font-family: Helvetica, freesans, Arial, sans-serif;
+  font-size: 14px;
+  -webkit-font-smoothing: subpixel-antialiased;
+  word-wrap: break-word; }
+
+h1, h2, h3 {
+  margin-top: 0.8em;
+  margin-bottom: 0.3em;
+  font-weight: 100;
+  color: black; }
+
+h1 {
+  font-size: 2.5em; }
+
+h2 {
+  font-size: 2em;
+  border-bottom: 1px solid #e2e2e2; }
+
+h4 {
+  font-size: 13px;
+  line-height: 1.5;
+  margin-top: 21px; }
+
+h5 {
+  font-size: 1.1em; }
+
+h6 {
+  font-size: 1.1em;
+  color: #777; }
+
+.section-name {
+  color: gray;
+  display: block;
+  font-family: Helvetica;
+  font-size: 22px;
+  font-weight: 100;
+  margin-bottom: 15px; }
+
+pre, code {
+  font: 0.95em Menlo, monospace;
+  color: #777;
+  word-wrap: normal; }
+
+p code, li code {
+  background-color: #eee;
+  padding: 2px 4px;
+  border-radius: 4px; }
+
+a {
+  color: #0088cc;
+  text-decoration: none; }
+
+ul {
+  padding-left: 15px; }
+
+li {
+  line-height: 1.8em; }
+
+img {
+  max-width: 100%; }
+
+blockquote {
+  margin-left: 0;
+  padding: 0 10px;
+  border-left: 4px solid #ccc; }
+
+.content-wrapper {
+  margin: 0 auto;
+  width: 980px; }
+
+header {
+  font-size: 0.85em;
+  line-height: 26px;
+  background-color: #414141;
+  position: fixed;
+  width: 100%;
+  z-index: 1; }
+  header img {
+    padding-right: 6px;
+    vertical-align: -4px;
+    height: 16px; }
+  header a {
+    color: #fff; }
+  header p {
+    float: left;
+    color: #999; }
+  header .header-right {
+    float: right;
+    margin-left: 16px; }
+
+#breadcrumbs {
+  background-color: #f2f2f2;
+  height: 27px;
+  padding-top: 17px;
+  position: fixed;
+  width: 100%;
+  z-index: 1;
+  margin-top: 26px; }
+  #breadcrumbs #carat {
+    height: 10px;
+    margin: 0 5px; }
+
+.sidebar {
+  background-color: #f9f9f9;
+  border: 1px solid #e2e2e2;
+  overflow-y: auto;
+  overflow-x: hidden;
+  position: fixed;
+  top: 70px;
+  bottom: 0;
+  width: 230px;
+  word-wrap: normal; }
+
+.nav-groups {
+  list-style-type: none;
+  background: #fff;
+  padding-left: 0; }
+
+.nav-group-name {
+  border-bottom: 1px solid #e2e2e2;
+  font-size: 1.1em;
+  font-weight: 100;
+  padding: 15px 0 15px 20px; }
+  .nav-group-name > a {
+    color: #333; }
+
+.nav-group-tasks {
+  margin-top: 5px; }
+
+.nav-group-task {
+  font-size: 0.9em;
+  list-style-type: none; }
+  .nav-group-task a {
+    color: #888; }
+
+.main-content {
+  background-color: #fff;
+  border: 1px solid #e2e2e2;
+  margin-left: 246px;
+  position: absolute;
+  overflow: hidden;
+  padding-bottom: 60px;
+  top: 70px;
+  width: 734px; }
+  .main-content p, .main-content a, .main-content code, .main-content em, .main-content ul, .main-content table, .main-content blockquote {
+    margin-bottom: 1em; }
+  .main-content p {
+    line-height: 1.8em; }
+  .main-content section .section:first-child {
+    margin-top: 0;
+    padding-top: 0; }
+  .main-content section .task-group-section .task-group:first-of-type {
+    padding-top: 10px; }
+    .main-content section .task-group-section .task-group:first-of-type .section-name {
+      padding-top: 15px; }
+
+.section {
+  padding: 0 25px; }
+
+.highlight {
+  background-color: #eee;
+  padding: 10px 12px;
+  border: 1px solid #e2e2e2;
+  border-radius: 4px;
+  overflow-x: auto; }
+
+.declaration .highlight {
+  overflow-x: initial;
+  padding: 0 40px 40px 0;
+  margin-bottom: -25px;
+  background-color: transparent;
+  border: none; }
+
+.section-name {
+  margin: 0;
+  margin-left: 18px; }
+
+.task-group-section {
+  padding-left: 6px;
+  border-top: 1px solid #e2e2e2; }
+
+.task-group {
+  padding-top: 0px; }
+
+.task-name-container a[name]:before {
+  content: "";
+  display: block;
+  padding-top: 70px;
+  margin: -70px 0 0; }
+
+.item {
+  padding-top: 8px;
+  width: 100%;
+  list-style-type: none; }
+  .item a[name]:before {
+    content: "";
+    display: block;
+    padding-top: 70px;
+    margin: -70px 0 0; }
+  .item code {
+    background-color: transparent;
+    padding: 0; }
+  .item .token {
+    padding-left: 3px;
+    margin-left: 15px;
+    font-size: 11.9px; }
+  .item .declaration-note {
+    font-size: .85em;
+    color: gray;
+    font-style: italic; }
+
+.pointer-container {
+  border-bottom: 1px solid #e2e2e2;
+  left: -23px;
+  padding-bottom: 13px;
+  position: relative;
+  width: 110%; }
+
+.pointer {
+  background: #f9f9f9;
+  border-left: 1px solid #e2e2e2;
+  border-top: 1px solid #e2e2e2;
+  height: 12px;
+  left: 21px;
+  top: -7px;
+  -webkit-transform: rotate(45deg);
+  -moz-transform: rotate(45deg);
+  -o-transform: rotate(45deg);
+  transform: rotate(45deg);
+  position: absolute;
+  width: 12px; }
+
+.height-container {
+  display: none;
+  left: -25px;
+  padding: 0 25px;
+  position: relative;
+  width: 100%;
+  overflow: hidden; }
+  .height-container .section {
+    background: #f9f9f9;
+    border-bottom: 1px solid #e2e2e2;
+    left: -25px;
+    position: relative;
+    width: 100%;
+    padding-top: 10px;
+    padding-bottom: 5px; }
+
+.aside, .language {
+  padding: 6px 12px;
+  margin: 12px 0;
+  border-left: 5px solid #dddddd;
+  overflow-y: hidden; }
+  .aside .aside-title, .language .aside-title {
+    font-size: 9px;
+    letter-spacing: 2px;
+    text-transform: uppercase;
+    padding-bottom: 0;
+    margin: 0;
+    color: #aaa;
+    -webkit-user-select: none; }
+  .aside p:last-child, .language p:last-child {
+    margin-bottom: 0; }
+
+.language {
+  border-left: 5px solid #cde9f4; }
+  .language .aside-title {
+    color: #4b8afb; }
+
+.aside-warning {
+  border-left: 5px solid #ff6666; }
+  .aside-warning .aside-title {
+    color: #ff0000; }
+
+.graybox {
+  border-collapse: collapse;
+  width: 100%; }
+  .graybox p {
+    margin: 0;
+    word-break: break-word;
+    min-width: 50px; }
+  .graybox td {
+    border: 1px solid #e2e2e2;
+    padding: 5px 25px 5px 10px;
+    vertical-align: middle; }
+  .graybox tr td:first-of-type {
+    text-align: right;
+    padding: 7px;
+    vertical-align: top;
+    word-break: normal;
+    width: 40px; }
+
+.slightly-smaller {
+  font-size: 0.9em; }
+
+#footer {
+  position: absolute;
+  bottom: 10px;
+  margin-left: 25px; }
+  #footer p {
+    margin: 0;
+    color: #aaa;
+    font-size: 0.8em; }
+
+html.dash header, html.dash #breadcrumbs, html.dash .sidebar {
+  display: none; }
+html.dash .main-content {
+  width: 980px;
+  margin-left: 0;
+  border: none;
+  width: 100%;
+  top: 0;
+  padding-bottom: 0; }
+html.dash .height-container {
+  display: block; }
+html.dash .item .token {
+  margin-left: 0; }
+html.dash .content-wrapper {
+  width: auto; }
+html.dash #footer {
+  position: static; }

docs/docsets/FoldingCellDemo.docset/Contents/Resources/Documents/index.html

@@ -0,0 +1,216 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>FoldingCellDemo  Reference</title>
+    <link rel="stylesheet" type="text/css" href="css/jazzy.css" />
+    <link rel="stylesheet" type="text/css" href="css/highlight.css" />
+    <meta charset='utf-8'>
+    <script src="js/jquery.min.js" defer></script>
+    <script src="js/jazzy.js" defer></script>
+    
+  </head>
+  <body>
+    <a title="FoldingCellDemo  Reference"></a>
+    <header>
+      <div class="content-wrapper">
+        <p><a href="index.html">FoldingCellDemo Docs</a> (47% documented)</p>
+      </div>
+    </header>
+    <div class="content-wrapper">
+      <p id="breadcrumbs">
+        <a href="index.html">FoldingCellDemo Reference</a>
+        <img id="carat" src="img/carat.png" />
+        FoldingCellDemo  Reference
+      </p>
+    </div>
+    <div class="content-wrapper">
+      <nav class="sidebar">
+        <ul class="nav-groups">
+          <li class="nav-group-name">
+            <a href="Classes.html">Classes</a>
+            <ul class="nav-group-tasks">
+              <li class="nav-group-task">
+                <a href="Classes/FoldingCell.html">FoldingCell</a>
+              </li>
+            </ul>
+          </li>
+        </ul>
+      </nav>
+      <article class="main-content">
+        <section>
+          <section class="section">
+            
+            <p><img src="https://raw.githubusercontent.com/Ramotion/folding-cell/master/header.png" alt="header"></p>
+<a href='#foldingcell' class='anchor' aria-hidden=true><span class="header-anchor"></span></a><h1 id='foldingcell'>FoldingCell</h1>
+
+<p><a href="https://cocoapods.org/pods/FoldingCell"><img src="https://img.shields.io/cocoapods/p/FoldingCell.svg" alt="CocoaPods"></a>
+<a href="http://cocoapods.org/pods/FoldingCell"><img src="https://img.shields.io/cocoapods/v/FoldingCell.svg" alt="CocoaPods"></a>
+<a href="https://cdn.rawgit.com/Ramotion/folding-cell/master/docs/index.html"><img src="https://img.shields.io/cocoapods/metrics/doc-percent/FoldingCell.svg" alt="CocoaPods"></a>
+<a href="https://github.com/Ramotion/folding-cell"><img src="https://img.shields.io/badge/Carthage-compatible-4BC51D.svg?style=flat" alt="Carthage compatible"></a>
+<a href="http://twitter.com/Ramotion"><img src="https://img.shields.io/badge/Twitter-@Ramotion-blue.svg?style=flat" alt="Twitter"></a>
+<a href="https://travis-ci.org/Ramotion/folding-cell"><img src="https://img.shields.io/travis/Ramotion/folding-cell.svg" alt="Travis"></a>
+<a href="https://codebeat.co/projects/github-com-ramotion-folding-cell"><img src="https://codebeat.co/badges/6f67da5d-c416-4bac-9fb7-c2dc938feedc" alt="codebeat badge"></a>
+<a href="https://github.com/Carthage/Carthage"><img src="https://img.shields.io/badge/Carthage-compatible-4BC51D.svg?style=flat" alt="Carthage compatible"></a></p>
+
+<p><a href="https://dribbble.com/shots/2121350-Delivery-Card">shot on dribbble</a>:
+<img src="https://raw.githubusercontent.com/Ramotion/folding-cell/master/Screenshots/folding-cell.gif" alt="Animation"></p>
+
+<p>The <a href="https://store.ramotion.com/product/iphone-6-mockups?utm_source=gthb&amp;utm_medium=special&amp;utm_campaign=folding-cell">iPhone mockup</a> available <a href="https://store.ramotion.com/product/iphone-6-mockups?utm_source=gthb&amp;utm_medium=special&amp;utm_campaign=folding-cell">here</a>.</p>
+<a href='#requirements' class='anchor' aria-hidden=true><span class="header-anchor"></span></a><h2 id='requirements'>Requirements</h2>
+
+<ul>
+<li>iOS 8.0+</li>
+<li>Xcode 7.3</li>
+</ul>
+<a href='#installation' class='anchor' aria-hidden=true><span class="header-anchor"></span></a><h2 id='installation'>Installation</h2>
+
+<p>Just add the FoldingCell.swift file to your project.</p>
+
+<p>or use <a href="https://cocoapods.org">CocoaPods</a> with Podfile:
+<code>ruby
+pod &#39;FoldingCell&#39;, &#39;~&gt; 0.8.1&#39;
+</code></p>
+
+<p>or <a href="https://github.com/Carthage/Carthage">Carthage</a> users can simply add Mantle to their <code>Cartfile</code>:
+<code>
+github &quot;Ramotion/folding-cell&quot;
+</code></p>
+<a href='#solution' class='anchor' aria-hidden=true><span class="header-anchor"></span></a><h2 id='solution'>Solution</h2>
+
+<p><img src="https://raw.githubusercontent.com/Ramotion/folding-cell/master/Tutorial-resources/Solution.png" alt="Solution"></p>
+<a href='#usage' class='anchor' aria-hidden=true><span class="header-anchor"></span></a><h2 id='usage'>Usage</h2>
+
+<p>1) Create a new cell inheriting from <code>FoldingCell</code></p>
+
+<p>2) Add a UIView to your cell in your storyboard or nib file, inheriting from <code>RotatedView</code>.
+Connect the outlet from this view to the cell property <code>foregroundView</code>.
+Add constraints from this view to the superview, as in this picture:</p>
+
+<p><img src="https://raw.githubusercontent.com/Ramotion/folding-cell/master/Tutorial-resources/1.1.png" alt="1.1"></p>
+
+<p>(constants of constraints may be different). Add the identifier <code>ForegroundViewTop</code>
+for the top constraint. (This view will be shown when the cell is in its normal state).</p>
+
+<p>3) Add other UIViews to your cell, connect the outlet from this view to the cell
+property <code>containerView</code>. Add constraints from this view to the superview like in the picture:</p>
+
+<p><img src="https://raw.githubusercontent.com/Ramotion/folding-cell/master/Tutorial-resources/1.2.png" alt="1.2"></p>
+
+<p>(constants of constraints may be different). Add the identifier <q>ContainerViewTop</q> for the top constraint.
+(This view will be shown when the cell is opened)</p>
+
+<p>Your result should be something like this picture:</p>
+
+<p><img src="https://raw.githubusercontent.com/Ramotion/folding-cell/master/Tutorial-resources/1.3.png" alt="1.3"></p>
+
+<p><a href="https://vimeo.com/154954299">Demonstration adding constraints for foregroundView, containerView</a></p>
+
+<p>4) Set <code>@IBInspectable var itemCount: NSInteger</code> property is a count of folding (it IBInspectable you can set in storyboard). range 2 or greater. Default value is 2</p>
+
+<p>Ok, we&rsquo;ve finished configuring the cell.</p>
+
+<p>5) Adding code to your UITableViewController</p>
+
+<p>5.1) Add constants:
+<code>swift
+     let kCloseCellHeight: CGFloat = *** // equal or greater foregroundView height
+     let kOpenCellHeight: CGFloat = *** // equal or greater containerView height
+</code>
+5.2) Add property</p>
+<pre class="highlight swift"><code>     <span class="k">var</span> <span class="nv">cellHeights</span> <span class="o">=</span> <span class="p">[</span><span class="kt">CGFloat</span><span class="p">]()</span>
+</code></pre>
+<pre class="highlight plaintext"><code> create in viewDidLoad:
+</code></pre>
+<pre class="highlight swift"><code>     <span class="k">override</span> <span class="kd">func</span> <span class="nf">viewDidLoad</span><span class="p">()</span> <span class="p">{</span>
+        <span class="k">super</span><span class="o">.</span><span class="nf">viewDidLoad</span><span class="p">()</span>
+
+        <span class="k">for</span> <span class="n">_</span> <span class="k">in</span> <span class="mi">0</span><span class="o">...</span><span class="n">kRowsCount</span> <span class="p">{</span>
+            <span class="n">cellHeights</span><span class="o">.</span><span class="nf">append</span><span class="p">(</span><span class="n">kCloseCellHeight</span><span class="p">)</span>
+        <span class="p">}</span>
+    <span class="p">}</span>
+</code></pre>
+
+<p>5.3) Override method:
+<code>swift
+    override func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -&gt; CGFloat {
+        return cellHeights[indexPath.row]
+    }
+</code></p>
+
+<p>5.4) Added code to method:
+&ldquo;` swift
+    override func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath) {
+        let cell = tableView.cellForRowAtIndexPath(indexPath) as! FoldingCell</p>
+<pre class="highlight plaintext"><code>    var duration = 0.0
+    if cellHeights[indexPath.row] == kCloseCellHeight { // open cell
+        cellHeights[indexPath.row] = kOpenCellHeight
+        cell.selectedAnimation(true, animated: true, completion: nil)
+        duration = 0.5
+    } else {// close cell
+        cellHeights[indexPath.row] = kCloseCellHeight
+        cell.selectedAnimation(false, animated: true, completion: nil)
+        duration = 1.1
+    }
+
+    UIView.animateWithDuration(duration, delay: 0, options: .CurveEaseOut, animations: { () -&gt; Void in
+        tableView.beginUpdates()
+        tableView.endUpdates()
+    }, completion: nil)
+}
+</code></pre>
+<pre class="highlight plaintext"><code>5.5) Control if the cell is open or closed
+``` swift
+  override func tableView(tableView: UITableView, willDisplayCell cell: UITableViewCell, forRowAtIndexPath indexPath: NSIndexPath) {
+
+        if cell is FoldingCell {
+            let foldingCell = cell as! FoldingCell
+
+            if cellHeights![indexPath.row] == kCloseCellHeight {
+                foldingCell.selectedAnimation(false, animated: false, completion:nil)
+            } else {
+                foldingCell.selectedAnimation(true, animated: false, completion: nil)
+            }
+        }
+    }
+</code></pre>
+
+<p>6) Add this code to your new cell class
+&rdquo;` swift
+    override func animationDuration(itemIndex:NSInteger, type:AnimationType)-&gt; NSTimeInterval {</p>
+<pre class="highlight plaintext"><code>    // durations count equal it itemCount
+    let durations = [0.33, 0.26, 0.26] // timing animation for each view
+    return durations[itemIndex]
+}
+</code></pre>
+<pre class="highlight plaintext"><code>
+
+#### if don't use storyboard and xib files
+
+Create foregroundView and containerView from code (steps 2 - 3) look example:
+[Folding-cell-programmatically](https://github.com/ober01/Folding-cell-programmatically)
+
+## Licence
+
+Folding cell is released under the MIT license.
+See [LICENSE](./LICENSE) for details.
+
+
+## About
+The project maintained by [app development agency](https://ramotion.com?utm_source=gthb&amp;utm_medium=special&amp;utm_campaign=foolding-cell) [Ramotion Inc.](https://ramotion.com?utm_source=gthb&amp;utm_medium=special&amp;utm_campaign=foolding-cell)
+See our other [open-source projects](https://github.com/ramotion) or [hire](https://ramotion.com?utm_source=gthb&amp;utm_medium=special&amp;utm_campaign=foolding-cell) us to design, develop, and grow your product.
+
+[![Twitter URL](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=https://github.com/ramotion/foolding-cell)
+[![Twitter Follow](https://img.shields.io/twitter/follow/ramotion.svg?style=social)](https://twitter.com/ramotion)
+</code></pre>
+
+          </section>
+        </section>
+        <section id="footer">
+          <p>&copy; 2016 <a class="link" href="" target="_blank" rel="external">AlexKalinkin</a>. All rights reserved. (Last updated: 2016-06-10)</p>
+          <p>Generated by <a class="link" href="https://github.com/realm/jazzy" target="_blank" rel="external">jazzy ♪♫ v0.5.0</a>, a <a class="link" href="http://realm.io" target="_blank" rel="external">Realm</a> project.</p>
+        </section>
+      </article>
+    </div>
+  </body>
+</div>
+</html>

docs/docsets/FoldingCellDemo.docset/Contents/Resources/Documents/js/jazzy.js

@@ -0,0 +1,40 @@
+window.jazzy = {'docset': false}
+if (typeof window.dash != 'undefined') {
+  document.documentElement.className += ' dash'
+  window.jazzy.docset = true
+}
+if (navigator.userAgent.match(/xcode/i)) {
+  document.documentElement.className += ' xcode'
+  window.jazzy.docset = true
+}
+
+// On doc load, toggle the URL hash discussion if present
+$(document).ready(function() {
+  if (!window.jazzy.docset) {
+    var linkToHash = $('a[href="' + window.location.hash +'"]');
+    linkToHash.trigger("click");
+  }
+});
+
+// On token click, toggle its discussion and animate token.marginLeft
+$(".token").click(function(event) {
+  if (window.jazzy.docset) {
+    return;
+  }
+  var link = $(this);
+  var animationDuration = 300;
+  var tokenOffset = "15px";
+  var original = link.css('marginLeft') == tokenOffset;
+  link.animate({'margin-left':original ? "0px" : tokenOffset}, animationDuration);
+  $content = link.parent().parent().next();
+  $content.slideToggle(animationDuration);
+
+  // Keeps the document from jumping to the hash.
+  var href = $(this).attr('href');
+  if (history.pushState) {
+    history.pushState({}, '', href);
+  } else {
+    location.hash = href;
+  }
+  event.preventDefault();
+});

docs/docsets/FoldingCellDemo.docset/Contents/Resources/Documents/undocumented.txt

@@ -0,0 +1,10 @@
+FoldingCell.swift
+	case Open
+	case Close
+	override public init(style: UITableViewCellStyle, reuseIdentifier: String?)
+	required public init?(coder aDecoder: NSCoder)
+	override public func awakeFromNib()
+	public func isAnimating()->Bool
+	public func animationDuration(itemIndex:NSInteger, type:AnimationType)-> NSTimeInterval
+	public class RotatedView: UIView
+	public class RotatedView : UIView

docs/index.html

@@ -0,0 +1,216 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>FoldingCellDemo  Reference</title>
+    <link rel="stylesheet" type="text/css" href="css/jazzy.css" />
+    <link rel="stylesheet" type="text/css" href="css/highlight.css" />
+    <meta charset='utf-8'>
+    <script src="js/jquery.min.js" defer></script>
+    <script src="js/jazzy.js" defer></script>
+    
+  </head>
+  <body>
+    <a title="FoldingCellDemo  Reference"></a>
+    <header>
+      <div class="content-wrapper">
+        <p><a href="index.html">FoldingCellDemo Docs</a> (47% documented)</p>
+      </div>
+    </header>
+    <div class="content-wrapper">
+      <p id="breadcrumbs">
+        <a href="index.html">FoldingCellDemo Reference</a>
+        <img id="carat" src="img/carat.png" />
+        FoldingCellDemo  Reference
+      </p>
+    </div>
+    <div class="content-wrapper">
+      <nav class="sidebar">
+        <ul class="nav-groups">
+          <li class="nav-group-name">
+            <a href="Classes.html">Classes</a>
+            <ul class="nav-group-tasks">
+              <li class="nav-group-task">
+                <a href="Classes/FoldingCell.html">FoldingCell</a>
+              </li>
+            </ul>
+          </li>
+        </ul>
+      </nav>
+      <article class="main-content">
+        <section>
+          <section class="section">
+            
+            <p><img src="https://raw.githubusercontent.com/Ramotion/folding-cell/master/header.png" alt="header"></p>
+<a href='#foldingcell' class='anchor' aria-hidden=true><span class="header-anchor"></span></a><h1 id='foldingcell'>FoldingCell</h1>
+
+<p><a href="https://cocoapods.org/pods/FoldingCell"><img src="https://img.shields.io/cocoapods/p/FoldingCell.svg" alt="CocoaPods"></a>
+<a href="http://cocoapods.org/pods/FoldingCell"><img src="https://img.shields.io/cocoapods/v/FoldingCell.svg" alt="CocoaPods"></a>
+<a href="https://cdn.rawgit.com/Ramotion/folding-cell/master/docs/index.html"><img src="https://img.shields.io/cocoapods/metrics/doc-percent/FoldingCell.svg" alt="CocoaPods"></a>
+<a href="https://github.com/Ramotion/folding-cell"><img src="https://img.shields.io/badge/Carthage-compatible-4BC51D.svg?style=flat" alt="Carthage compatible"></a>
+<a href="http://twitter.com/Ramotion"><img src="https://img.shields.io/badge/Twitter-@Ramotion-blue.svg?style=flat" alt="Twitter"></a>
+<a href="https://travis-ci.org/Ramotion/folding-cell"><img src="https://img.shields.io/travis/Ramotion/folding-cell.svg" alt="Travis"></a>
+<a href="https://codebeat.co/projects/github-com-ramotion-folding-cell"><img src="https://codebeat.co/badges/6f67da5d-c416-4bac-9fb7-c2dc938feedc" alt="codebeat badge"></a>
+<a href="https://github.com/Carthage/Carthage"><img src="https://img.shields.io/badge/Carthage-compatible-4BC51D.svg?style=flat" alt="Carthage compatible"></a></p>
+
+<p><a href="https://dribbble.com/shots/2121350-Delivery-Card">shot on dribbble</a>:
+<img src="https://raw.githubusercontent.com/Ramotion/folding-cell/master/Screenshots/folding-cell.gif" alt="Animation"></p>
+
+<p>The <a href="https://store.ramotion.com/product/iphone-6-mockups?utm_source=gthb&amp;utm_medium=special&amp;utm_campaign=folding-cell">iPhone mockup</a> available <a href="https://store.ramotion.com/product/iphone-6-mockups?utm_source=gthb&amp;utm_medium=special&amp;utm_campaign=folding-cell">here</a>.</p>
+<a href='#requirements' class='anchor' aria-hidden=true><span class="header-anchor"></span></a><h2 id='requirements'>Requirements</h2>
+
+<ul>
+<li>iOS 8.0+</li>
+<li>Xcode 7.3</li>
+</ul>
+<a href='#installation' class='anchor' aria-hidden=true><span class="header-anchor"></span></a><h2 id='installation'>Installation</h2>
+
+<p>Just add the FoldingCell.swift file to your project.</p>
+
+<p>or use <a href="https://cocoapods.org">CocoaPods</a> with Podfile:
+<code>ruby
+pod &#39;FoldingCell&#39;, &#39;~&gt; 0.8.1&#39;
+</code></p>
+
+<p>or <a href="https://github.com/Carthage/Carthage">Carthage</a> users can simply add Mantle to their <code>Cartfile</code>:
+<code>
+github &quot;Ramotion/folding-cell&quot;
+</code></p>
+<a href='#solution' class='anchor' aria-hidden=true><span class="header-anchor"></span></a><h2 id='solution'>Solution</h2>
+
+<p><img src="https://raw.githubusercontent.com/Ramotion/folding-cell/master/Tutorial-resources/Solution.png" alt="Solution"></p>
+<a href='#usage' class='anchor' aria-hidden=true><span class="header-anchor"></span></a><h2 id='usage'>Usage</h2>
+
+<p>1) Create a new cell inheriting from <code>FoldingCell</code></p>
+
+<p>2) Add a UIView to your cell in your storyboard or nib file, inheriting from <code>RotatedView</code>.
+Connect the outlet from this view to the cell property <code>foregroundView</code>.
+Add constraints from this view to the superview, as in this picture:</p>
+
+<p><img src="https://raw.githubusercontent.com/Ramotion/folding-cell/master/Tutorial-resources/1.1.png" alt="1.1"></p>
+
+<p>(constants of constraints may be different). Add the identifier <code>ForegroundViewTop</code>
+for the top constraint. (This view will be shown when the cell is in its normal state).</p>
+
+<p>3) Add other UIViews to your cell, connect the outlet from this view to the cell
+property <code>containerView</code>. Add constraints from this view to the superview like in the picture:</p>
+
+<p><img src="https://raw.githubusercontent.com/Ramotion/folding-cell/master/Tutorial-resources/1.2.png" alt="1.2"></p>
+
+<p>(constants of constraints may be different). Add the identifier <q>ContainerViewTop</q> for the top constraint.
+(This view will be shown when the cell is opened)</p>
+
+<p>Your result should be something like this picture:</p>
+
+<p><img src="https://raw.githubusercontent.com/Ramotion/folding-cell/master/Tutorial-resources/1.3.png" alt="1.3"></p>
+
+<p><a href="https://vimeo.com/154954299">Demonstration adding constraints for foregroundView, containerView</a></p>
+
+<p>4) Set <code>@IBInspectable var itemCount: NSInteger</code> property is a count of folding (it IBInspectable you can set in storyboard). range 2 or greater. Default value is 2</p>
+
+<p>Ok, we&rsquo;ve finished configuring the cell.</p>
+
+<p>5) Adding code to your UITableViewController</p>
+
+<p>5.1) Add constants:
+<code>swift
+     let kCloseCellHeight: CGFloat = *** // equal or greater foregroundView height
+     let kOpenCellHeight: CGFloat = *** // equal or greater containerView height
+</code>
+5.2) Add property</p>
+<pre class="highlight swift"><code>     <span class="k">var</span> <span class="nv">cellHeights</span> <span class="o">=</span> <span class="p">[</span><span class="kt">CGFloat</span><span class="p">]()</span>
+</code></pre>
+<pre class="highlight plaintext"><code> create in viewDidLoad:
+</code></pre>
+<pre class="highlight swift"><code>     <span class="k">override</span> <span class="kd">func</span> <span class="nf">viewDidLoad</span><span class="p">()</span> <span class="p">{</span>
+        <span class="k">super</span><span class="o">.</span><span class="nf">viewDidLoad</span><span class="p">()</span>
+
+        <span class="k">for</span> <span class="n">_</span> <span class="k">in</span> <span class="mi">0</span><span class="o">...</span><span class="n">kRowsCount</span> <span class="p">{</span>
+            <span class="n">cellHeights</span><span class="o">.</span><span class="nf">append</span><span class="p">(</span><span class="n">kCloseCellHeight</span><span class="p">)</span>
+        <span class="p">}</span>
+    <span class="p">}</span>
+</code></pre>
+
+<p>5.3) Override method:
+<code>swift
+    override func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -&gt; CGFloat {
+        return cellHeights[indexPath.row]
+    }
+</code></p>
+
+<p>5.4) Added code to method:
+&ldquo;` swift
+    override func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath) {
+        let cell = tableView.cellForRowAtIndexPath(indexPath) as! FoldingCell</p>
+<pre class="highlight plaintext"><code>    var duration = 0.0
+    if cellHeights[indexPath.row] == kCloseCellHeight { // open cell
+        cellHeights[indexPath.row] = kOpenCellHeight
+        cell.selectedAnimation(true, animated: true, completion: nil)
+        duration = 0.5
+    } else {// close cell
+        cellHeights[indexPath.row] = kCloseCellHeight
+        cell.selectedAnimation(false, animated: true, completion: nil)
+        duration = 1.1
+    }
+
+    UIView.animateWithDuration(duration, delay: 0, options: .CurveEaseOut, animations: { () -&gt; Void in
+        tableView.beginUpdates()
+        tableView.endUpdates()
+    }, completion: nil)
+}
+</code></pre>
+<pre class="highlight plaintext"><code>5.5) Control if the cell is open or closed
+``` swift
+  override func tableView(tableView: UITableView, willDisplayCell cell: UITableViewCell, forRowAtIndexPath indexPath: NSIndexPath) {
+
+        if cell is FoldingCell {
+            let foldingCell = cell as! FoldingCell
+
+            if cellHeights![indexPath.row] == kCloseCellHeight {
+                foldingCell.selectedAnimation(false, animated: false, completion:nil)
+            } else {
+                foldingCell.selectedAnimation(true, animated: false, completion: nil)
+            }
+        }
+    }
+</code></pre>
+
+<p>6) Add this code to your new cell class
+&rdquo;` swift
+    override func animationDuration(itemIndex:NSInteger, type:AnimationType)-&gt; NSTimeInterval {</p>
+<pre class="highlight plaintext"><code>    // durations count equal it itemCount
+    let durations = [0.33, 0.26, 0.26] // timing animation for each view
+    return durations[itemIndex]
+}
+</code></pre>
+<pre class="highlight plaintext"><code>
+
+#### if don't use storyboard and xib files
+
+Create foregroundView and containerView from code (steps 2 - 3) look example:
+[Folding-cell-programmatically](https://github.com/ober01/Folding-cell-programmatically)
+
+## Licence
+
+Folding cell is released under the MIT license.
+See [LICENSE](./LICENSE) for details.
+
+
+## About
+The project maintained by [app development agency](https://ramotion.com?utm_source=gthb&amp;utm_medium=special&amp;utm_campaign=foolding-cell) [Ramotion Inc.](https://ramotion.com?utm_source=gthb&amp;utm_medium=special&amp;utm_campaign=foolding-cell)
+See our other [open-source projects](https://github.com/ramotion) or [hire](https://ramotion.com?utm_source=gthb&amp;utm_medium=special&amp;utm_campaign=foolding-cell) us to design, develop, and grow your product.
+
+[![Twitter URL](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=https://github.com/ramotion/foolding-cell)
+[![Twitter Follow](https://img.shields.io/twitter/follow/ramotion.svg?style=social)](https://twitter.com/ramotion)
+</code></pre>
+
+          </section>
+        </section>
+        <section id="footer">
+          <p>&copy; 2016 <a class="link" href="" target="_blank" rel="external">AlexKalinkin</a>. All rights reserved. (Last updated: 2016-06-10)</p>
+          <p>Generated by <a class="link" href="https://github.com/realm/jazzy" target="_blank" rel="external">jazzy ♪♫ v0.5.0</a>, a <a class="link" href="http://realm.io" target="_blank" rel="external">Realm</a> project.</p>
+        </section>
+      </article>
+    </div>
+  </body>
+</div>
+</html>

docs/js/jazzy.js

@@ -0,0 +1,40 @@
+window.jazzy = {'docset': false}
+if (typeof window.dash != 'undefined') {
+  document.documentElement.className += ' dash'
+  window.jazzy.docset = true
+}
+if (navigator.userAgent.match(/xcode/i)) {
+  document.documentElement.className += ' xcode'
+  window.jazzy.docset = true
+}
+
+// On doc load, toggle the URL hash discussion if present
+$(document).ready(function() {
+  if (!window.jazzy.docset) {
+    var linkToHash = $('a[href="' + window.location.hash +'"]');
+    linkToHash.trigger("click");
+  }
+});
+
+// On token click, toggle its discussion and animate token.marginLeft
+$(".token").click(function(event) {
+  if (window.jazzy.docset) {
+    return;
+  }
+  var link = $(this);
+  var animationDuration = 300;
+  var tokenOffset = "15px";
+  var original = link.css('marginLeft') == tokenOffset;
+  link.animate({'margin-left':original ? "0px" : tokenOffset}, animationDuration);
+  $content = link.parent().parent().next();
+  $content.slideToggle(animationDuration);
+
+  // Keeps the document from jumping to the hash.
+  var href = $(this).attr('href');
+  if (history.pushState) {
+    history.pushState({}, '', href);
+  } else {
+    location.hash = href;
+  }
+  event.preventDefault();
+});

docs/undocumented.txt

@@ -0,0 +1,10 @@
+FoldingCell.swift
+	case Open
+	case Close
+	override public init(style: UITableViewCellStyle, reuseIdentifier: String?)
+	required public init?(coder aDecoder: NSCoder)
+	override public func awakeFromNib()
+	public func isAnimating()->Bool
+	public func animationDuration(itemIndex:NSInteger, type:AnimationType)-> NSTimeInterval
+	public class RotatedView: UIView
+	public class RotatedView : UIView