added outlets for top constraints

Fixes #25
update docs
2016-06-15 10:01:39 +03:00 · 2016-06-14 18:02:31 +03:00 · 2016-06-10 10:34:25 +03:00 · 2016-06-10 10:31:34 +03:00 · 2016-06-09 15:52:57 +03:00 · 2016-06-09 14:31:25 +03:00
36 changed files with 2761 additions and 212 deletions
@@ -1,6 +1,6 @@
 Pod::Spec.new do |s|
  s.name         = 'FoldingCell'
-  s.version      = '0.8.0'
+  s.version      = '0.8.7'
  s.summary      = 'UITableViewCell with folding animation.'
  s.homepage     = 'https://github.com/Ramotion/folding-cell'
  s.license      = 'MIT'
@@ -15,6 +15,10 @@
 		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 */; };
@@ -36,6 +40,13 @@
 			remoteGlobalIDString = 847A58031C294F750028FB84;
 			remoteInfo = FoldingCell;
 		};
+		8499D88A1D0054A8004B5B37 /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 847A57FC1C294F750028FB84 /* Project object */;
+			proxyType = 1;
+			remoteGlobalIDString = 8499D8841D0054A8004B5B37;
+			remoteInfo = FoldingCell;
+		};
 /* End PBXContainerItemProxy section */

 /* Begin PBXCopyFilesBuildPhase section */
@@ -45,6 +56,7 @@
 			dstPath = "";
 			dstSubfolderSpec = 10;
 			files = (
+				8499D88D1D0054A8004B5B37 /* FoldingCell.framework in Embed Frameworks */,
 			);
 			name = "Embed Frameworks";
 			runOnlyForDeploymentPostprocessing = 0;
@@ -54,7 +66,7 @@
 /* Begin PBXFileReference section */
 		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>"; };
@@ -65,6 +77,9 @@
 		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>"; };
@@ -83,6 +98,7 @@
 			isa = PBXFrameworksBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				8499D88C1D0054A8004B5B37 /* FoldingCell.framework in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -93,6 +109,13 @@
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
+		8499D8811D0054A8004B5B37 /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
 /* End PBXFrameworksBuildPhase section */

 /* Begin PBXGroup section */
@@ -111,6 +134,7 @@
 				847A58061C294F750028FB84 /* FoldingCell */,
 				840B984A1C33FE660081B926 /* FoldingCellFramework */,
 				8498513D1C5639F9006FA400 /* FoldingCellTests */,
+				8499D8861D0054A8004B5B37 /* FoldingCell */,
 				847A58051C294F750028FB84 /* Products */,
 			);
 			sourceTree = "<group>";
@@ -118,8 +142,9 @@
 		847A58051C294F750028FB84 /* Products */ = {
 			isa = PBXGroup;
 			children = (
-				847A58041C294F750028FB84 /* FoldingCell.app */,
+				847A58041C294F750028FB84 /* FoldingCellDemo.app */,
 				8498513C1C5639F9006FA400 /* FoldingCellTests.xctest */,
+				8499D8851D0054A8004B5B37 /* FoldingCell.framework */,
 			);
 			name = Products;
 			sourceTree = "<group>";
@@ -157,6 +182,15 @@
 			path = FoldingCellTests;
 			sourceTree = "<group>";
 		};
+		8499D8861D0054A8004B5B37 /* FoldingCell */ = {
+			isa = PBXGroup;
+			children = (
+				8499D8871D0054A8004B5B37 /* FoldingCell.h */,
+				8499D8891D0054A8004B5B37 /* Info.plist */,
+			);
+			path = FoldingCell;
+			sourceTree = "<group>";
+		};
 		8499F5D21C2A83D90027D5D2 /* Fonts */ = {
 			isa = PBXGroup;
 			children = (
@@ -176,10 +210,21 @@
 		};
 /* End PBXGroup section */

+/* Begin PBXHeadersBuildPhase section */
+		8499D8821D0054A8004B5B37 /* Headers */ = {
+			isa = PBXHeadersBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				8499D8881D0054A8004B5B37 /* FoldingCell.h in Headers */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXHeadersBuildPhase section */
+
 /* Begin PBXNativeTarget section */
-		847A58031C294F750028FB84 /* FoldingCell */ = {
+		847A58031C294F750028FB84 /* FoldingCellDemo */ = {
 			isa = PBXNativeTarget;
-			buildConfigurationList = 847A58161C294F750028FB84 /* Build configuration list for PBXNativeTarget "FoldingCell" */;
+			buildConfigurationList = 847A58161C294F750028FB84 /* Build configuration list for PBXNativeTarget "FoldingCellDemo" */;
 			buildPhases = (
 				847A58001C294F750028FB84 /* Sources */,
 				847A58011C294F750028FB84 /* Frameworks */,
@@ -189,10 +234,11 @@
 			buildRules = (
 			);
 			dependencies = (
+				8499D88B1D0054A8004B5B37 /* PBXTargetDependency */,
 			);
-			name = FoldingCell;
+			name = FoldingCellDemo;
 			productName = FoldingCell;
-			productReference = 847A58041C294F750028FB84 /* FoldingCell.app */;
+			productReference = 847A58041C294F750028FB84 /* FoldingCellDemo.app */;
 			productType = "com.apple.product-type.application";
 		};
 		8498513B1C5639F9006FA400 /* FoldingCellTests */ = {
@@ -213,6 +259,24 @@
 			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 = 8499D8851D0054A8004B5B37 /* FoldingCell.framework */;
+			productType = "com.apple.product-type.framework";
+		};
 /* End PBXNativeTarget section */

 /* Begin PBXProject section */
@@ -231,6 +295,10 @@
 						CreatedOnToolsVersion = 7.2;
 						TestTargetID = 847A58031C294F750028FB84;
 					};
+					8499D8841D0054A8004B5B37 = {
+						CreatedOnToolsVersion = 7.3.1;
+						DevelopmentTeam = LEAZS7L33U;
+					};
 				};
 			};
 			buildConfigurationList = 847A57FF1C294F750028FB84 /* Build configuration list for PBXProject "FoldingCell" */;
@@ -246,8 +314,9 @@
 			projectDirPath = "";
 			projectRoot = "";
 			targets = (
-				847A58031C294F750028FB84 /* FoldingCell */,
+				847A58031C294F750028FB84 /* FoldingCellDemo */,
 				8498513B1C5639F9006FA400 /* FoldingCellTests */,
+				8499D8841D0054A8004B5B37 /* FoldingCell */,
 			);
 		};
 /* End PBXProject section */
@@ -280,6 +349,13 @@
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
+		8499D8831D0054A8004B5B37 /* Resources */ = {
+			isa = PBXResourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
 /* End PBXResourcesBuildPhase section */

 /* Begin PBXSourcesBuildPhase section */
@@ -303,14 +379,27 @@
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
+		8499D8801D0054A8004B5B37 /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				8499D8911D0054BF004B5B37 /* FoldingCell.swift in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
 /* End PBXSourcesBuildPhase section */

 /* Begin PBXTargetDependency section */
 		849851421C5639F9006FA400 /* PBXTargetDependency */ = {
 			isa = PBXTargetDependency;
-			target = 847A58031C294F750028FB84 /* FoldingCell */;
+			target = 847A58031C294F750028FB84 /* FoldingCellDemo */;
 			targetProxy = 849851411C5639F9006FA400 /* PBXContainerItemProxy */;
 		};
+		8499D88B1D0054A8004B5B37 /* PBXTargetDependency */ = {
+			isa = PBXTargetDependency;
+			target = 8499D8841D0054A8004B5B37 /* FoldingCell */;
+			targetProxy = 8499D88A1D0054A8004B5B37 /* PBXContainerItemProxy */;
+		};
 /* End PBXTargetDependency section */

 /* Begin PBXVariantGroup section */
@@ -468,6 +557,52 @@
 			};
 			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 */
@@ -480,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 */,
@@ -498,6 +633,14 @@
 			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 */;
@@ -1,105 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<Scheme
-   LastUpgradeVersion = "0720"
-   version = "1.7">
-   <BuildAction
-      parallelizeBuildables = "YES"
-      buildImplicitDependencies = "YES">
-      <BuildActionEntries>
-         <BuildActionEntry
-            buildForTesting = "YES"
-            buildForRunning = "YES"
-            buildForProfiling = "YES"
-            buildForArchiving = "YES"
-            buildForAnalyzing = "YES">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "847A58031C294F750028FB84"
-               BuildableName = "FoldingCell.app"
-               BlueprintName = "FoldingCell"
-               ReferencedContainer = "container:">
-            </BuildableReference>
-         </BuildActionEntry>
-      </BuildActionEntries>
-   </BuildAction>
-   <TestAction
-      buildConfiguration = "Debug"
-      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
-      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
-      shouldUseLaunchSchemeArgsEnv = "YES">
-      <Testables>
-         <TestableReference
-            skipped = "NO">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "8498513B1C5639F9006FA400"
-               BuildableName = "FoldingCellTests.xctest"
-               BlueprintName = "FoldingCellTests"
-               ReferencedContainer = "container:">
-            </BuildableReference>
-            <LocationScenarioReference
-               identifier = "com.apple.dt.IDEFoundation.CurrentLocationScenarioIdentifier"
-               referenceType = "1">
-            </LocationScenarioReference>
-         </TestableReference>
-      </Testables>
-      <MacroExpansion>
-         <BuildableReference
-            BuildableIdentifier = "primary"
-            BlueprintIdentifier = "847A58031C294F750028FB84"
-            BuildableName = "FoldingCell.app"
-            BlueprintName = "FoldingCell"
-            ReferencedContainer = "container:">
-         </BuildableReference>
-      </MacroExpansion>
-      <AdditionalOptions>
-      </AdditionalOptions>
-   </TestAction>
-   <LaunchAction
-      buildConfiguration = "Debug"
-      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
-      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
-      launchStyle = "0"
-      useCustomWorkingDirectory = "NO"
-      ignoresPersistentStateOnLaunch = "NO"
-      debugDocumentVersioning = "YES"
-      debugServiceExtension = "internal"
-      allowLocationSimulation = "YES">
-      <BuildableProductRunnable
-         runnableDebuggingMode = "0">
-         <BuildableReference
-            BuildableIdentifier = "primary"
-            BlueprintIdentifier = "847A58031C294F750028FB84"
-            BuildableName = "FoldingCell.app"
-            BlueprintName = "FoldingCell"
-            ReferencedContainer = "container:">
-         </BuildableReference>
-      </BuildableProductRunnable>
-      <AdditionalOptions>
-      </AdditionalOptions>
-   </LaunchAction>
-   <ProfileAction
-      buildConfiguration = "Release"
-      shouldUseLaunchSchemeArgsEnv = "YES"
-      savedToolIdentifier = ""
-      useCustomWorkingDirectory = "NO"
-      debugDocumentVersioning = "YES">
-      <BuildableProductRunnable
-         runnableDebuggingMode = "0">
-         <BuildableReference
-            BuildableIdentifier = "primary"
-            BlueprintIdentifier = "847A58031C294F750028FB84"
-            BuildableName = "FoldingCell.app"
-            BlueprintName = "FoldingCell"
-            ReferencedContainer = "container:">
-         </BuildableReference>
-      </BuildableProductRunnable>
-   </ProfileAction>
-   <AnalyzeAction
-      buildConfiguration = "Debug">
-   </AnalyzeAction>
-   <ArchiveAction
-      buildConfiguration = "Release"
-      revealArchiveInOrganizer = "YES">
-   </ArchiveAction>
-</Scheme>
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <Scheme
-   LastUpgradeVersion = "0720"
+   LastUpgradeVersion = "0730"
   version = "1.3">
   <BuildAction
      parallelizeBuildables = "YES"
@@ -14,8 +14,8 @@
            buildForAnalyzing = "YES">
            <BuildableReference
               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "847A58031C294F750028FB84"
-               BuildableName = "FoldingCell.app"
+               BlueprintIdentifier = "8499D8841D0054A8004B5B37"
+               BuildableName = "FoldingCell.framework"
               BlueprintName = "FoldingCell"
               ReferencedContainer = "container:FoldingCell.xcodeproj">
            </BuildableReference>
@@ -28,26 +28,7 @@
      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
      shouldUseLaunchSchemeArgsEnv = "YES">
      <Testables>
-         <TestableReference
-            skipped = "NO">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "8498513B1C5639F9006FA400"
-               BuildableName = "FoldingCellTests.xctest"
-               BlueprintName = "FoldingCellTests"
-               ReferencedContainer = "container:FoldingCell.xcodeproj">
-            </BuildableReference>
-         </TestableReference>
      </Testables>
-      <MacroExpansion>
-         <BuildableReference
-            BuildableIdentifier = "primary"
-            BlueprintIdentifier = "847A58031C294F750028FB84"
-            BuildableName = "FoldingCell.app"
-            BlueprintName = "FoldingCell"
-            ReferencedContainer = "container:FoldingCell.xcodeproj">
-         </BuildableReference>
-      </MacroExpansion>
      <AdditionalOptions>
      </AdditionalOptions>
   </TestAction>
@@ -61,16 +42,15 @@
      debugDocumentVersioning = "YES"
      debugServiceExtension = "internal"
      allowLocationSimulation = "YES">
-      <BuildableProductRunnable
-         runnableDebuggingMode = "0">
+      <MacroExpansion>
         <BuildableReference
            BuildableIdentifier = "primary"
-            BlueprintIdentifier = "847A58031C294F750028FB84"
-            BuildableName = "FoldingCell.app"
+            BlueprintIdentifier = "8499D8841D0054A8004B5B37"
+            BuildableName = "FoldingCell.framework"
            BlueprintName = "FoldingCell"
            ReferencedContainer = "container:FoldingCell.xcodeproj">
         </BuildableReference>
-      </BuildableProductRunnable>
+      </MacroExpansion>
      <AdditionalOptions>
      </AdditionalOptions>
   </LaunchAction>
@@ -80,16 +60,15 @@
      savedToolIdentifier = ""
      useCustomWorkingDirectory = "NO"
      debugDocumentVersioning = "YES">
-      <BuildableProductRunnable
-         runnableDebuggingMode = "0">
+      <MacroExpansion>
         <BuildableReference
            BuildableIdentifier = "primary"
-            BlueprintIdentifier = "847A58031C294F750028FB84"
-            BuildableName = "FoldingCell.app"
+            BlueprintIdentifier = "8499D8841D0054A8004B5B37"
+            BuildableName = "FoldingCell.framework"
            BlueprintName = "FoldingCell"
            ReferencedContainer = "container:FoldingCell.xcodeproj">
         </BuildableReference>
-      </BuildableProductRunnable>
+      </MacroExpansion>
   </ProfileAction>
   <AnalyzeAction
      buildConfiguration = "Debug">
@@ -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="9532" systemVersion="15D21" 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="9530"/>
+        <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 storyboardIdentifier="MainTableViewController" 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>
@@ -10,12 +10,20 @@ 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()
    }
    
@@ -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>
+
+
@@ -23,20 +23,32 @@

 import UIKit

+/// UITableViewCell with folding animation
 public class FoldingCell: UITableViewCell {
  
-  public typealias CompletionHandler = () -> Void
-  
+  /// 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?
  
-  @IBInspectable public var itemCount: NSInteger = 2 //count of folding
+  ///  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
+   
+   - Open:  Open direction
+   - Close: Close direction
+   */
  public enum AnimationType {
    case Open
    case Close
@@ -44,9 +56,24 @@ public class FoldingCell: UITableViewCell {
  
  // 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()
    
+    commonInit()
+  }
+  
+  /**
+   Call this method in methods init(style: UITableViewCellStyle, reuseIdentifier: String?) after creating Views
+   */
+  public func commonInit() {
    configureDefaultState()
    
    self.selectionStyle = .None
@@ -54,25 +81,22 @@ public class FoldingCell: UITableViewCell {
    containerView.layer.cornerRadius = foregroundView.layer.cornerRadius
    containerView.layer.masksToBounds = true
  }
+
  
  // MARK: configure
  
  func configureDefaultState() {
-    let foregroundTopConstraint = self.contentView.constraints.filter{ $0.identifier == "ForegroundViewTop"}.first
-    let containerViewTopConstraint = self.contentView.constraints.filter{ $0.identifier == "ContainerViewTop"}.first
    
-    guard let foregroundConstraint = foregroundTopConstraint else {
-      fatalError("set identifier")
-    }
-    guard let containerConstraint = containerViewTopConstraint else {
-      fatalError("set identifier")
+    guard let foregroundViewTop = self.foregroundViewTop,
+      let containerViewTop = self.containerViewTop else {
+        fatalError("set constratins outlets")
    }
    
-    containerConstraint.constant = foregroundConstraint.constant
+    containerViewTop.constant = foregroundViewTop.constant
    containerView.alpha = 0;
    
    foregroundView.layer.anchorPoint = CGPoint.init(x: 0.5, y: 1)
-    foregroundConstraint.constant += foregroundView.bounds.height / 2
+    foregroundViewTop.constant += foregroundView.bounds.height / 2
    foregroundView.layer.transform = foregroundView.transform3d()
    
    createAnimationView();
@@ -239,7 +263,14 @@ public class FoldingCell: UITableViewCell {
  
  // MARK: public
  
-  public func selectedAnimation(isSelected: Bool, animated: Bool, completion: CompletionHandler?) {
+  /**
+   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 {
      
@@ -297,7 +328,7 @@ public class FoldingCell: UITableViewCell {
    return durations
  }
  
-  func openAnimation(completion completion: CompletionHandler?) {
+  func openAnimation(completion completion: (Void -> Void)?) {
    
    removeImageItemsFromAnimationView()
    addImageItemsToAnimationView()
@@ -349,7 +380,7 @@ public class FoldingCell: UITableViewCell {
    }
  }
  
-  func closeAnimation(completion completion: CompletionHandler?) {
+  func closeAnimation(completion completion: (Void -> Void)?) {
    
    removeImageItemsFromAnimationView()
    addImageItemsToAnimationView()
@@ -394,9 +425,9 @@ public class FoldingCell: UITableViewCell {
    
    if let animationView = self.animationView {
      let firstItemView = animationView.subviews.filter{$0.tag == 0}.first
-      firstItemView?.layer.masksToBounds = false
+      firstItemView?.layer.cornerRadius = 0
      if let durationLast = durations.last {
-        dispatch_after(dispatch_time(DISPATCH_TIME_NOW, Int64((delay - durationLast * 1.5) * Double(NSEC_PER_SEC))), dispatch_get_main_queue()) { () -> Void in
+        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
        }
      }
@@ -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>
@@ -53,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 {
@@ -1,20 +1,23 @@
-![header](./header.png)
+![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

@@ -22,34 +25,40 @@ Just add the FoldingCell.swift file to your project.

 or use [CocoaPods](https://cocoapods.org) with Podfile:
 ``` ruby
-pod 'FoldingCell', '~> 0.7.3'
+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)
+
+![1.3](https://raw.githubusercontent.com/Ramotion/folding-cell/master/Tutorial-resources/1.3.png)

 [Demonstration adding constraints for foregroundView, containerView](https://vimeo.com/154954299)

@@ -124,7 +133,7 @@ Ok, we've finished configuring the cell.
            }
        }
    }
-``` 
+```

 6) Add this code to your new cell class
 ``` swift
@@ -136,6 +145,12 @@ Ok, we've finished configuring the cell.
    }
 ```

+
+#### 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.
@@ -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>
@@ -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>
@@ -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; }
@@ -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; }
@@ -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>
@@ -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>
@@ -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>
@@ -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; }
@@ -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; }
@@ -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>
@@ -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();
+});
@@ -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
@@ -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>
@@ -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();
+});
@@ -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
Author	SHA1	Message	Date
Alex.k	836c4f80e5	added outlets for top constraints	2016-06-15 10:01:39 +03:00
Alex.k	b6525b5dde	Fixes #25	2016-06-14 18:02:31 +03:00
Alex.k	6474edec91	update docs	2016-06-10 10:34:25 +03:00
Alex.k	e6818ed0d4	update readme	2016-06-10 10:31:34 +03:00
Alex.k	f2c31da3b5	Fixes #20	2016-06-09 15:52:57 +03:00
Alex.k	c87b5f5892	update podspec	2016-06-09 14:31:25 +03:00
Alex.k	4400c84731	small fix	2016-06-09 14:30:52 +03:00
Alex.k	0dc0feb973	update podspec	2016-06-09 14:27:28 +03:00
Alex.k	26ed2cd39f	updated docs	2016-06-09 14:26:06 +03:00
Alex.k	045d11c6b1	added public method commonInit	2016-06-09 14:21:52 +03:00
Alex.k	457fd53024	update podspec	2016-06-09 12:55:44 +03:00
Alex.k	ffbfd5f85b	add public init	2016-06-09 12:55:02 +03:00
Alex.k	26f9ffab71	update podspec	2016-06-09 12:30:47 +03:00
Alex.k	c44863dc7a	programmatically support	2016-06-09 12:29:32 +03:00
Alex.k	3264053f14	podspec updated	2016-06-06 17:26:40 +03:00
Alex.k	4c6cb28aaa	update podspec	2016-06-06 15:15:11 +03:00
Alex.k	7924f4ae1a	update readme	2016-06-06 11:15:44 +03:00
Alex.k	a0f43fa3b6	Merge branch 'master' of https://github.com/Ramotion/folding-cell	2016-06-06 11:11:54 +03:00
Alex.k	f2ceaff18e	added docs	2016-06-06 11:11:48 +03:00
Alex	19af60376a	Update README.md	2016-06-02 16:33:45 +03:00
Alex.k	9ec801a03d	update readme	2016-06-02 15:14:10 +03:00
Alex.k	cbd090fcc6	small fixing	2016-06-02 14:54:23 +03:00
Alex.k	723d30af95	removed warning	2016-06-02 14:51:57 +03:00
Alex.k	47d262902c	Merge branch 'master' of https://github.com/Ramotion/folding-cell	2016-06-02 14:50:25 +03:00
Alex.k	739c320ae9	shared scheme	2016-06-02 14:50:19 +03:00
Alex	551052bfb7	Merge pull request #31 from Dershowitz011/patch-1 Update README.md	2016-05-23 13:07:58 +00:00
Shantanu Desai	3ccbf1b099	Update README.md Saved you the trouble of making it carthage compatible. If you're ok with this, please merge the request. Thanks.	2016-04-15 21:59:20 +05:30
Alex	932920b45b	Update README.md	2016-04-08 17:08:18 +03:00
Alex.k	01b09a94ea	update podspec	2016-04-08 17:03:47 +03:00
Alex.k	8c234e4e0d	fixing bug with corners	2016-04-08 17:02:56 +03:00
Alex.k	974ab5eed5	Merge branch 'master' of https://github.com/Ramotion/folding-cell	2016-04-08 16:42:50 +03:00
Alex.k	8e7bb1ee35	remove xcschemes	2016-04-08 16:42:43 +03:00
Alex	5d6c1b6dad	Update README.md	2016-04-08 16:36:44 +03:00