diff --git a/index.html b/index.html
index 6d27a73d..0fafb1bd 100644
--- a/index.html
+++ b/index.html
@@ -1710,6 +1710,12 @@ $("#select").select2({
             </div>
         </div>
         <div class="row zebra">
+            <div class="span12">
+                <h3>select2-close</h3>
+                <p>Fired after the dropdown is closed.</p>
+            </div>
+        </div>
+        <div class="row">
             <div class="span12">
                 <h3>select2-highlight</h3>
                 <p>Fired when a choice is highlighted in the dropdown.</p>
@@ -1720,7 +1726,7 @@ $("#select").select2({
                 </dl>
             </div>
         </div>
-        <div class="row">
+        <div class="row zebra">
             <div class="span12">
                 <h3>select2-selecting</h3>
                 <p>Fired when a choice is being selected in the dropdown, but before any modification has been made to the selection.
@@ -1752,7 +1758,7 @@ $("#select").select2({
                 </dl>
             </div>
         </div>
-        <div class="row zebra">
+        <div class="row">
             <div class="span12">
                 <h3>select2-removed</h3>
                 <p>Fired when a choice is removed or cleared.</p>
@@ -1763,7 +1769,7 @@ $("#select").select2({
                 </dl>
             </div>
         </div>
-        <div class="row">
+        <div class="row zebra">
             <div class="span12">
                 <h3>select2-loaded</h3>
                 <p>Fired when query function is done loading the data and the results list has been updated</p>
@@ -1773,14 +1779,14 @@ $("#select").select2({
                 </dl>
             </div>
         </div>
-        <div class="row zebra">
+        <div class="row">
             <div class="span12">
                 <h3>select2-focus</h3>
                 <p>Fired when the control is focused.
                 </p>
             </div>
         </div>
-        <div class="row">
+        <div class="row zebra">
             <div class="span12">
                 <h3>select2-blur</h3>
                 <p>Fired when the control is blurred.
diff --git a/select2-latest.html b/select2-latest.html
index b82af447..276fe656 100644
--- a/select2-latest.html
+++ b/select2-latest.html
@@ -1822,6 +1822,12 @@ $("#e1").select2({
             </div>
         </div>
         <div class="row zebra">
+            <div class="span12">
+                <h3>select2-close</h3>
+                <p>Fired after the dropdown is closed.</p>
+            </div>
+        </div>
+        <div class="row">
             <div class="span12">
                 <h3>select2-highlight</h3>
                 <p>Fired when a choice is highlighted in the dropdown.</p>
@@ -1832,7 +1838,7 @@ $("#e1").select2({
                 </dl>
             </div>
         </div>
-        <div class="row">
+        <div class="row zebra">
             <div class="span12">
                 <h3>select2-selecting</h3>
                 <p>Fired when a choice is being selected in the dropdown, but before any modification has been made to the selection.
@@ -1864,7 +1870,7 @@ $("#e1").select2({
                 </dl>
             </div>
         </div>
-        <div class="row zebra">
+        <div class="row">
             <div class="span12">
                 <h3>select2-removed</h3>
                 <p>Fired when a choice is removed or cleared.</p>
@@ -1875,7 +1881,7 @@ $("#e1").select2({
                 </dl>
             </div>
         </div>
-        <div class="row">
+        <div class="row zebra">
             <div class="span12">
                 <h3>select2-loaded</h3>
                 <p>Fired when query function is done loading the data and the results list has been updated</p>
@@ -1885,14 +1891,14 @@ $("#e1").select2({
                 </dl>
             </div>
         </div>
-        <div class="row zebra">
+        <div class="row">
             <div class="span12">
                 <h3>select2-focus</h3>
                 <p>Fired when the control is focussed.
                 </p>
             </div>
         </div>
-        <div class="row">
+        <div class="row zebra">
             <div class="span12">
                 <h3>select2-blur</h3>
                 <p>Fired when the control is blurred.