Foundation Section Collapsing

HTML

<script src="https://github.com/zurb/foundation/blob/master/js/foundation/foundation.js"></script>
<script src="https://github.com/zurb/foundation/blob/master/scss/foundation.scss"></script>
<script src="https://github.com/zurb/foundation/blob/master/scss/normalize.scss"></script>

<div style="width:200px;" data-alert class="alert-box">MY CONTENT <a href="#" class="close">&times;</a>

</div>

CSS

meta.foundation-mq-small {
    font-family:"only screen and (min-width: 768px)";
    width:768px
}
meta.foundation-mq-medium {
    font-family:"only screen and (min-width:1280px)";
    width:1280px
}
meta.foundation-mq-large {
    font-family:"only screen and (min-width:1440px)";
    width:1440px
}
*, *:before, *:after {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
html, body {
    font-size:100%
}
body {
    background:#fff;
    color:#222;
    padding:0;
    margin:0;
    font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight:normal;
    font-style:normal;
    line-height:1;
    position:relative;
    cursor:default
}
a:hover {
    cursor:pointer
}
img, object, embed {
    max-width:100%;
    height:auto
}
object, embed {
    height:100%
}
img {
    -ms-interpolation-mode:bicubic
}
#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object {
    max-width:none !important
}
.left {
    float:left !important
}
.right {
    float:right !important
}
.text-left {
    text-align:left !important
}
.text-right {
    text-align:right !important
}
.text-center {
    text-align:center !important
}
.text-justify {
    text-align:justify !important
}
.hide {
    display:none
}
.antialiased {
    -webkit-font-smoothing:antialiased
}
img {
    display:inline-block;
    vertical-align:middle
}
textarea {
    height:auto;
    min-height:50px
}
select {
    width:100%
}
.row {
    width:100%;
    margin-left:auto;
    margin-right:auto;
    margin-top:0;
    margin-bottom:0;
    max-width:62.5em;
    *zoom:1
}
.row:before, .row:after {
    content:" ";
    display:table
}
.row:after {
    clear:both
}
.row.collapse>.column, .row.collapse>.columns {
    position:relative;
    padding-left:0;
    padding-right:0;
    float:left
}
.row.collapse .row {
    margin-left:0;
    margin-right:0
}
.row .row {
    width:auto;
    margin-left:-0.9375em;
   ...