From d9a69c25e2bf9fa21e7ead00e3e9ebd01146ab4d Mon Sep 17 00:00:00 2001
From: Bernhard Posselt <dev@bernhard-posselt.com>
Date: Fri, 23 May 2014 18:57:47 +0200
Subject: [PATCH] better slide toggle description

---
 developer_manual/app/css.rst | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/developer_manual/app/css.rst b/developer_manual/app/css.rst
index 2a7fa51fe..6d17b0108 100644
--- a/developer_manual/app/css.rst
+++ b/developer_manual/app/css.rst
@@ -54,7 +54,9 @@ To create a settings area create a div with the id **app-settings** inside the *
 
             <div id="app-settings">
                 <div id="app-settings-header">
-                    <button class="settings-button" data-apps-slide-toggle="#app-settings-content"></button>
+                    <button class="settings-button"
+                            data-apps-slide-toggle="#app-settings-content"
+                    ></button>
                 </div>
                 <div id="app-settings-content">
                     <!-- Your settings in here -->
@@ -63,6 +65,8 @@ To create a settings area create a div with the id **app-settings** inside the *
         </div>
     </div>
 
+The data attribute **data-apps-slide-toggle** slides up a taret area using a jQuery selector and hides the area if the user clicks outside of it.
+
 Icons
 =====
 To use icons which are shipped in core, special class to apply the background image are supplied. All of these classes use **background-position: center** and **background-repeat: no-repeat**.