From c6a517f4636b9631176ad70e6c07dbcc44074bdd Mon Sep 17 00:00:00 2001
From: Matt Janssen <github@mattjanssen.com>
Date: Fri, 21 Mar 2014 20:27:31 -0500
Subject: [PATCH 1/2] Added select2-close event to index.html.

Added select2-close: Fired after the dropdown is closed.

Also fixed zebra striping in the events.
---
 index.html | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

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.

From 32746ac22306e6fe6470da757ba102d32d02f582 Mon Sep 17 00:00:00 2001
From: Matt Janssen <github@mattjanssen.com>
Date: Fri, 21 Mar 2014 20:30:30 -0500
Subject: [PATCH 2/2] Added select2-close event to select2-latest.html

Added select2-close: Fired after the dropdown is closed.

Also fixed zebra striping in events section.
---
 select2-latest.html | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

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.