diff --git a/components/tabs/demo/add.md b/components/tabs/demo/add.md
index 63d2877699..66703e6aca 100644
--- a/components/tabs/demo/add.md
+++ b/components/tabs/demo/add.md
@@ -1,8 +1,9 @@
 # 添加
 
-- order: 5
+- order: 4
+- hidden: true
 
-演示添加删除功能
+演示添加删除功能。
 
 ---
 
diff --git a/components/tabs/demo/vertical-left.md b/components/tabs/demo/vertical-left.md
new file mode 100644
index 0000000000..8364b21051
--- /dev/null
+++ b/components/tabs/demo/vertical-left.md
@@ -0,0 +1,21 @@
+# 垂直
+
+- order: 6
+
+选项卡在左边。
+
+---
+
+````jsx
+var Tabs = antd.Tabs;
+var TabPane = Tabs.TabPane;
+
+ReactDOM.render(
+  <Tabs defaultActiveKey="1" tabPosition="left">
+    <TabPane tab="选项卡一" key="1">选项卡一内容</TabPane>
+    <TabPane tab="选项卡二" key="2">选项卡二内容</TabPane>
+    <TabPane tab="选项卡三长" key="3">选项卡三内容</TabPane>
+  </Tabs>
+, document.getElementById('components-tabs-demo-vertical-left'));
+````
+
diff --git a/components/tabs/demo/vertical-right.md b/components/tabs/demo/vertical-right.md
new file mode 100644
index 0000000000..fd8259ad30
--- /dev/null
+++ b/components/tabs/demo/vertical-right.md
@@ -0,0 +1,20 @@
+# 垂直
+
+- order: 7
+
+选项卡在右边。
+
+---
+
+````jsx
+var Tabs = antd.Tabs;
+var TabPane = Tabs.TabPane;
+
+ReactDOM.render(
+  <Tabs defaultActiveKey="1" tabPosition="right">
+    <TabPane tab="选项卡一" key="1">选项卡一内容</TabPane>
+    <TabPane tab="选项卡二" key="2">选项卡二内容</TabPane>
+    <TabPane tab="选项卡三长" key="3">选项卡三内容</TabPane>
+  </Tabs>
+, document.getElementById('components-tabs-demo-vertical-right'));
+````
diff --git a/components/tabs/demo/vertical.md b/components/tabs/demo/vertical.md
deleted file mode 100644
index bdecaf2791..0000000000
--- a/components/tabs/demo/vertical.md
+++ /dev/null
@@ -1,28 +0,0 @@
-# 垂直
-
-- order: 4
-
-分成左右两种。
-
----
-
-````jsx
-var Tabs = antd.Tabs;
-var TabPane = Tabs.TabPane;
-
-ReactDOM.render(<div>
-  <h3 style={{margin: '0 0 20px'}}>页签在左边</h3>
-  <Tabs defaultActiveKey="1" tabPosition="left">
-    <TabPane tab="选项卡一" key="1">选项卡一内容</TabPane>
-    <TabPane tab="选项卡二" key="2">选项卡二内容</TabPane>
-    <TabPane tab="选项卡三长" key="3">选项卡三内容</TabPane>
-  </Tabs>
-  <h3 style={{margin: '40px 0 20px'}}>页签在右边</h3>
-  <Tabs defaultActiveKey="1" tabPosition="right">
-    <TabPane tab="选项卡一" key="1">选项卡一内容</TabPane>
-    <TabPane tab="选项卡二" key="2">选项卡二内容</TabPane>
-    <TabPane tab="选项卡三长" key="3">选项卡三内容</TabPane>
-  </Tabs>
-</div>, document.getElementById('components-tabs-demo-vertical'));
-````
-
diff --git a/site/theme.js b/site/theme.js
index 1067a74ceb..4ae448c4dd 100644
--- a/site/theme.js
+++ b/site/theme.js
@@ -107,7 +107,7 @@ module.exports = function(nico) {
     find_demo_in_component: function(pages, directory) {
       var ret = [];
       getAllPosts(pages).forEach(function(post) {
-        if (post.filepath.indexOf(directory + '/demo/') === 0) {
+        if (post.filepath.indexOf(directory + '/demo/') === 0 && !post.meta.hidden) {
           ret.push(post);
         }
       });