3333 -khtml-border-radius: 5px;
3434 -webkit-border-radius: 5px;
3535 border-radius: 5px;
36+ /* for IE9/10.. */
37+ margin-top: 15px;
3638}
3739
38- legend {
39- padding: 10px 5px;
40- font-size: small;
40+ /* for IE9/10.. */
41+ fieldset span.legend {
42+ color: #4578D4;
43+ font-size: 12px;
4144 font-weight: bold;
42- text-decoration: underline;
45+ background-color: white;
46+ position: relative;
47+ top: -8px;
48+ padding: 3px 15px;
49+ cursor: pointer;
4350}
4451
45- legend a {
46- color: blue;
52+ fieldset span.legend i.newlabel {
53+ color: red;
54+ font-size: 10px;
4755}
4856
4957pre {
@@ -67,8 +75,9 @@ <h3 style="text-align: center; text-decoration: underline;">jQuery
6775 <!-- ============================================================================================================== -->
6876
6977 <fieldset>
70- <legend style="color: gray; text-decoration: line-through;">The
71- default multiple select box's tag of HTML</legend>
78+ <span class="legend"
79+ style="color: gray; text-decoration: line-through;">The
80+ default multiple select box's tag of HTML</span>
7281 <div>
7382 <select multiple="multiple" size="5" style="width: 500px;">
7483 <option>Item 1</option>
@@ -109,7 +118,7 @@ <h3 style="text-align: center; text-decoration: underline;">jQuery
109118 <br />
110119 <br />
111120 <small><a
112- href="http://plugins.jquery.com/project/jquerymultipleselectbox ">http://plugins.jquery.com/project/jquerymultipleselectbox </a>
121+ href="http://plugins.jquery.com/jQueryMultipleSelectBox/ ">http://plugins.jquery.com/jQueryMultipleSelectBox/ </a>
113122 <br /> <a href="http://code.google.com/p/jquerymultipleselectbox/">http://code.google.com/p/jquerymultipleselectbox/</a>
114123 </small>
115124 <br />
@@ -130,11 +139,8 @@ <h3 style="text-align: center; text-decoration: underline;">jQuery
130139 <!-- ============================================================================================================== -->
131140
132141 <fieldset>
133- <legend>
134- <a href="javascript: void(0);"
135- onclick="$(this.parentNode).next().slideToggle('slow');">Simple
136- Demo: </a>
137- </legend>
142+ <span class="legend" onclick="$(this).next().slideToggle('slow');">Simple
143+ Demo:</span>
138144 <div>
139145 <ul id="MultipleSelectBox">
140146 <li>Item 1</li>
@@ -185,11 +191,8 @@ <h3 style="text-align: center; text-decoration: underline;">jQuery
185191 <!-- ============================================================================================================== -->
186192
187193 <fieldset>
188- <legend>
189- <a href="javascript: void(0);"
190- onclick="$(this.parentNode).next().slideToggle('slow');">Simple
191- Demo: Max Limit</a>
192- </legend>
194+ <span class="legend" onclick="$(this).next().slideToggle('slow');">Simple
195+ Demo: Max Limit</span>
193196 <div style="display: none;">
194197 <ul id="MultipleSelectBox_MaxLimit">
195198 <li>Item 1</li>
@@ -244,11 +247,8 @@ <h3 style="text-align: center; text-decoration: underline;">jQuery
244247 <!-- ============================================================================================================== -->
245248
246249 <fieldset>
247- <legend>
248- <a href="javascript: void(0);"
249- onclick="$(this.parentNode).next().slideToggle('slow');">Simple
250- Demo: Scroll Speed</a>
251- </legend>
250+ <span class="legend" onclick="$(this).next().slideToggle('slow');">Simple
251+ Demo: Scroll Speed</span>
252252 <div style="display: none;">
253253 <ul id="MultipleSelectBox_ScrollSpeed">
254254 <li>Item 1</li>
@@ -303,11 +303,8 @@ <h3 style="text-align: center; text-decoration: underline;">jQuery
303303 <!-- ============================================================================================================== -->
304304
305305 <fieldset>
306- <legend>
307- <a href="javascript: void(0);"
308- onclick="$(this.parentNode).next().slideToggle('slow');">Simple
309- Demo: Show Result</a>
310- </legend>
306+ <span class="legend" onclick="$(this).next().slideToggle('slow');">Simple
307+ Demo: Show Result</span>
311308 <div style="display: none;">
312309 <ul id="MultipleSelectBox_ShowResult">
313310 <li>Item 1</li>
@@ -376,11 +373,9 @@ <h3 style="text-align: center; text-decoration: underline;">jQuery
376373 <!-- ============================================================================================================== -->
377374
378375 <fieldset>
379- <legend>
380- <a href="javascript: void(0);"
381- onclick="$(this.parentNode).next().slideToggle('slow');">Simple
382- Demo: Form Component</a> <small>(value-render)</small>
383- </legend>
376+ <span class="legend" onclick="$(this).next().slideToggle('slow');">Simple
377+ Demo: Form Component <small>(value-render)</small>
378+ </span>
384379 <div style="display: none;">
385380 <ul id="MultipleSelectBox_FormComponent">
386381 <li value-render="aaa">Item 1</li>
@@ -443,11 +438,8 @@ <h3 style="text-align: center; text-decoration: underline;">jQuery
443438 <!-- ============================================================================================================== -->
444439
445440 <fieldset>
446- <legend>
447- <a href="javascript: void(0);"
448- onclick="$(this.parentNode).next().slideToggle('slow');">Simple
449- Demo: Draw Range</a>
450- </legend>
441+ <span class="legend" onclick="$(this).next().slideToggle('slow');">Simple
442+ Demo: Draw Range</span>
451443 <div style="display: none;">
452444 <ul id="MultipleSelectBox_DrawRange">
453445 <li>Item 1</li>
@@ -524,11 +516,9 @@ <h3 style="text-align: center; text-decoration: underline;">jQuery
524516 <!-- ============================================================================================================== -->
525517
526518 <fieldset>
527- <legend>
528- <a href="javascript: void(0);"
529- onclick="$(this.parentNode).next().slideToggle('slow');">Simple
530- Demo: Horizontal Box</a> <font color="red"><small><b>New!</b></small></font>
531- </legend>
519+ <span class="legend" onclick="$(this).next().slideToggle('slow');">Simple
520+ Demo: Horizontal Box <i class="newlabel">New!</i>
521+ </span>
532522 <div style="display: none;">
533523 <div style="text-align: center;">
534524 <ul id="MultipleSelectBox_HorizontalBox" style="margin: 0 auto;">
@@ -586,11 +576,8 @@ <h3 style="text-align: center; text-decoration: underline;">jQuery
586576 <!-- ============================================================================================================== -->
587577
588578 <fieldset>
589- <legend>
590- <a href="javascript: void(0);"
591- onclick="$(this.parentNode).next().slideToggle('slow');">Advance
592- Demo: DropDown</a>
593- </legend>
579+ <span class="legend" onclick="$(this).next().slideToggle('slow');">Advance
580+ Demo: DropDown</span>
594581 <div style="display: none;">
595582 <input type="text" id="controlDropDown" value="Click Me!" /><br />
596583 <ul id="MultipleSelectBox_DropDown"
@@ -675,11 +662,8 @@ <h3 style="text-align: center; text-decoration: underline;">jQuery
675662 <!-- ============================================================================================================== -->
676663
677664 <fieldset>
678- <legend>
679- <a href="javascript: void(0);"
680- onclick="$(this.parentNode).next().slideToggle('slow');">Advance
681- Demo: Animation</a>
682- </legend>
665+ <span class="legend" onclick="$(this).next().slideToggle('slow');">Advance
666+ Demo: Animation</span>
683667 <div style="display: none;">
684668 <ul id="MultipleSelectBox_Animation">
685669 <li>Item 1</li>
@@ -752,13 +736,16 @@ <h3 style="text-align: center; text-decoration: underline;">jQuery
752736 <!-- google-analytics -->
753737 <script type="text/javascript">
754738 var _gaq = _gaq || [];
755- _gaq.push(['_setAccount', 'UA-28376808-2']);
756- _gaq.push(['_trackPageview']);
757-
739+ _gaq.push([ '_setAccount', 'UA-28376808-2' ]);
740+ _gaq.push([ '_trackPageview' ]);
741+
758742 (function() {
759- var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
743+ var ga = document.createElement('script');
744+ ga.type = 'text/javascript';
745+ ga.async = true;
760746 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
761- var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
747+ var s = document.getElementsByTagName('script')[0];
748+ s.parentNode.insertBefore(ga, s);
762749 })();
763750 </script>
764751</body>
0 commit comments