{"id":2242,"date":"2016-09-06T05:15:44","date_gmt":"2016-09-06T05:15:44","guid":{"rendered":"https:\/\/www.codebee.co.th\/labs\/?p=2242"},"modified":"2017-02-14T12:49:07","modified_gmt":"2017-02-14T12:49:07","slug":"%e0%b8%a7%e0%b8%b4%e0%b8%98%e0%b8%b5%e0%b8%97%e0%b8%b3-fully-expand-%e0%b9%80%e0%b8%a1%e0%b8%99%e0%b8%b9%e0%b8%ab%e0%b8%a5%e0%b8%b1%e0%b8%81%e0%b9%81%e0%b8%9a%e0%b8%9a%e0%b9%80%e0%b8%95%e0%b9%87","status":"publish","type":"post","link":"https:\/\/www.codebee.co.th\/labs\/%e0%b8%a7%e0%b8%b4%e0%b8%98%e0%b8%b5%e0%b8%97%e0%b8%b3-fully-expand-%e0%b9%80%e0%b8%a1%e0%b8%99%e0%b8%b9%e0%b8%ab%e0%b8%a5%e0%b8%b1%e0%b8%81%e0%b9%81%e0%b8%9a%e0%b8%9a%e0%b9%80%e0%b8%95%e0%b9%87\/","title":{"rendered":"\u0e27\u0e34\u0e18\u0e35\u0e17\u0e33 Fully Expand \u0e40\u0e21\u0e19\u0e39\u0e2b\u0e25\u0e31\u0e01\u0e41\u0e1a\u0e1a\u0e40\u0e15\u0e47\u0e21\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d"},"content":{"rendered":"

\u0e27\u0e34\u0e18\u0e35\u0e17\u0e33 Fully Expand \u0e40\u0e21\u0e19\u0e39\u0e2b\u0e25\u0e31\u0e01\u0e41\u0e1a\u0e1a\u0e40\u0e15\u0e47\u0e21\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e14\u0e49\u0e27\u0e22 Bootstrap Framework<\/h3>\n

<\/br><\/p>\n

\u0e14\u0e39\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07 Fully Expand Menu<\/a><\/p><\/blockquote>\n

Fully Expand Menu \u0e04\u0e37\u0e2d\u0e40\u0e21\u0e19\u0e39\u0e17\u0e35\u0e48\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e23\u0e32 Click \u0e2b\u0e23\u0e37\u0e2d Hover \u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e08\u0e30\u0e41\u0e2a\u0e14\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e1c\u0e48\u0e19\u0e41\u0e1a\u0e1a\u0e40\u0e15\u0e47\u0e21\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e41\u0e25\u0e30\u0e43\u0e19\u0e41\u0e1c\u0e48\u0e19\u0e19\u0e31\u0e49\u0e19\u0e08\u0e30\u0e21\u0e35\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e2d\u0e32\u0e08\u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 \u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e2b\u0e23\u0e37\u0e2d\u0e25\u0e34\u0e07\u0e04\u0e4c\u0e40\u0e21\u0e19\u0e39\u0e22\u0e48\u0e2d\u0e22 \u0e40\u0e21\u0e19\u0e39\u0e41\u0e1a\u0e1a Fully Expand \u0e19\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e35\u0e48\u0e19\u0e34\u0e22\u0e21\u0e43\u0e0a\u0e49\u0e01\u0e31\u0e19\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\u0e43\u0e19\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19\u0e41\u0e25\u0e49\u0e27\u0e22\u0e31\u0e07\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e41\u0e1a\u0e1a\u0e40\u0e19\u0e49\u0e19 UX \u0e2b\u0e23\u0e37\u0e2d User Experience \u0e2d\u0e35\u0e01\u0e14\u0e49\u0e27\u0e22 \u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e40\u0e21\u0e19\u0e39\u0e43\u0e19\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e19\u0e35\u0e49
\n<\/p>\n

\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e42\u0e22\u0e07\u0e25\u0e34\u0e07\u0e04\u0e4c\u0e20\u0e32\u0e22\u0e43\u0e19\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e17\u0e31\u0e49\u0e07\u0e2d\u0e18\u0e34\u0e1a\u0e32\u0e22\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e17\u0e35\u0e48\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\u0e01\u0e31\u0e19\u0e01\u0e31\u0e1a\u0e25\u0e34\u0e07\u0e04\u0e4c\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e23\u0e39\u0e49\u0e01\u0e48\u0e2d\u0e19\u0e27\u0e48\u0e32\u0e25\u0e34\u0e07\u0e04\u0e4c\u0e17\u0e35\u0e48\u0e08\u0e30\u0e04\u0e25\u0e34\u0e01\u0e40\u0e02\u0e49\u0e32\u0e44\u0e1b\u0e08\u0e30\u0e40\u0e08\u0e2d\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e2d\u0e30\u0e44\u0e23 Expand Menu \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e04\u0e25\u0e49\u0e32\u0e22\u0e04\u0e25\u0e36\u0e07\u0e01\u0e31\u0e1a Sub Menu \u0e40\u0e1e\u0e35\u0e22\u0e07\u0e41\u0e15\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e2b\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32\u0e41\u0e25\u0e30\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\u0e01\u0e27\u0e48\u0e32\u0e19\u0e31\u0e48\u0e19\u0e40\u0e2d\u0e07
\n<\/br><\/p>\n

\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 Bootstrap<\/h4>\n

\u0e43\u0e19\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e19\u0e35\u0e49\u0e08\u0e30\u0e43\u0e0a\u0e49 Bootstrap Framework \u0e43\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33 Expand Menu \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e09\u0e30\u0e19\u0e31\u0e49\u0e19\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e43\u0e2b\u0e49\u0e40\u0e23\u0e32\u0e44\u0e1b\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 Bootstrap Framework \u0e44\u0e14\u0e49\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c getbootstrap.com<\/a> \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e44\u0e1f\u0e25\u0e4c\u0e21\u0e32\u0e41\u0e25\u0e49\u0e27\u0e43\u0e2b\u0e49\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e44\u0e1f\u0e25\u0e4c index.html \u0e41\u0e25\u0e30\u0e17\u0e33\u0e01\u0e32\u0e23 include \u0e40\u0e23\u0e35\u0e22\u0e01\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 css \u0e41\u0e25\u0e30 javascript \u0e14\u0e31\u0e07\u0e19\u0e35\u0e49
\n<\/br>
\nindex.html<\/strong>
\n\u0e40\u0e23\u0e35\u0e22\u0e01\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e44\u0e1f\u0e25\u0e4c .css \u0e2b\u0e25\u0e31\u0e01\u0e02\u0e2d\u0e07 bootstrap framework<\/p>\n

<link rel=\"stylesheet\" href=\"css\/bootstrap.min.css\"><\/pre>\n
\u0e40\u0e23\u0e35\u0e22\u0e01\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 jQuery \u0e41\u0e25\u0e30\u0e44\u0e1f\u0e25\u0e4c .js \u0e02\u0e2d\u0e07 Bootstrap framework<\/p>\n
<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.1.0\/jquery.min.js\"><\/script>\r\n<script type=\"text\/javascript\" src=\"js\/bootstrap.min.js\"><\/script><\/pre>\n
\u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19\u0e43\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07 body \u0e43\u0e2b\u0e49\u0e40\u0e23\u0e32\u0e2a\u0e23\u0e49\u0e32\u0e07 html \u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49 class \u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e15\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e02\u0e2d\u0e07 bootstrap \u0e14\u0e31\u0e07\u0e19\u0e35\u0e49\u0e04\u0e23\u0e31\u0e1a<\/p>\n
<div class=\"navbar navbar-default\">\r\n  <ul class=\"nav navbar-nav\">\r\n    <li class=\"dropdown active\"> <a href=\"#\" class=\"dropdown-toggle\" data-toggle=\"dropdown\">\u0e2b\u0e19\u0e49\u0e32\u0e41\u0e23\u0e01 <span class=\"caret\"><\/span><\/a>\r\n      <ul class=\"dropdown-menu\" role=\"menu\">\r\n        <li>\r\n            <div class=\"content\">\u0e2a\u0e23\u0e49\u0e32\u0e07 Content \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e43\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e19\u0e35\u0e49<\/div>\r\n        <\/li>\r\n      <\/ul>\r\n    <\/li>\r\n    <li><a href=\"#\">\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c<\/a><\/li>\r\n  <\/ul>\r\n<\/div><\/pre>\n
\u0e08\u0e32\u0e01\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07 html code \u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19\u0e08\u0e30\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 expand menu \u0e44\u0e14\u0e49 \u0e40\u0e2b\u0e15\u0e38\u0e1c\u0e25\u0e40\u0e1e\u0e23\u0e32\u0e30\u0e27\u0e48\u0e32\u0e04\u0e48\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e02\u0e2d\u0e07 bootstrap \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a dropdown menu \u0e08\u0e30\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e41\u0e1a\u0e1a full width \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e15\u0e47\u0e21\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e41\u0e15\u0e48\u0e08\u0e30\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e15\u0e32\u0e21\u0e02\u0e19\u0e32\u0e14\u0e02\u0e2d\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e14\u0e49\u0e32\u0e19\u0e43\u0e19 \u0e0b\u0e36\u0e48\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e14\u0e49\u0e32\u0e19\u0e43\u0e19 \u0e08\u0e32\u0e01\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19\u0e04\u0e37\u0e2d\u0e04\u0e25\u0e32\u0e2a content \u0e0b\u0e36\u0e48\u0e07\u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e31\u0e49\u0e07\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e21\u0e35\u0e01\u0e32\u0e23 click \u0e2b\u0e23\u0e37\u0e2d hover \u0e17\u0e35\u0e48\u0e40\u0e21\u0e19\u0e39\u0e19\u0e31\u0e49\u0e19 \u0e46
\n<\/br><\/p>\n
\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07 CSS \u0e15\u0e49\u0e19\u0e41\u0e1a\u0e1a\u0e02\u0e2d\u0e07 Bootstrap \u0e43\u0e2b\u0e49 Full Width<\/h4>\n
CSS \u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e02\u0e2d\u0e07\u0e04\u0e25\u0e32\u0e2a dropdown \u0e43\u0e19 Bootstrap \u0e08\u0e30\u0e41\u0e2a\u0e14\u0e07\u0e04\u0e27\u0e32\u0e21\u0e01\u0e27\u0e49\u0e32\u0e07\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e1a\u0e02\u0e19\u0e32\u0e14\u0e02\u0e2d\u0e07\u0e40\u0e21\u0e19\u0e39\u0e19\u0e31\u0e49\u0e19 \u0e46 \u0e40\u0e23\u0e32\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e1b\u0e23\u0e31\u0e1a\u0e02\u0e19\u0e32\u0e14\u0e02\u0e2d\u0e07\u0e04\u0e25\u0e32\u0e2a dropdown \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e41\u0e1a\u0e1a full width \u0e44\u0e14\u0e49\u0e42\u0e14\u0e22\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e02\u0e35\u0e22\u0e19\u0e44\u0e14\u0e49\u0e14\u0e31\u0e07\u0e19\u0e35\u0e49\u0e04\u0e23\u0e31\u0e1a <\/p>\n
<style>\r\n.nav > li.dropdown {\r\n\tposition: static;\r\n}\r\n.nav > li.dropdown .dropdown-menu {\r\n\twidth:100%;\r\n\ttext-align: left;\r\n\tleft:0;\r\n\tright:0;\r\n}\r\n.nav > li.dropdown.open {\r\n\tposition: static;\r\n}\r\n.nav > li.dropdown.open .dropdown-menu {\r\n\ttext-align: left;\r\n\tleft:0;\r\n\tright:0;\r\n}\r\n.dropdown-menu>li {\r\n\theight:350px;\r\n}\r\n.content{\r\n\tpadding:30px;\t\r\n}\r\n<\/style><\/pre>\n
<\/br><\/p>\n
\u0e40\u0e1e\u0e34\u0e48\u0e21 Slide Effect \u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a Expand Menu<\/h4>\n
\u0e08\u0e32\u0e01\u0e42\u0e04\u0e4a\u0e14\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19 \u0e16\u0e49\u0e32\u0e40\u0e23\u0e32\u0e25\u0e2d\u0e07\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e14\u0e39\u0e08\u0e30\u0e40\u0e2b\u0e47\u0e19\u0e27\u0e48\u0e32\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 Expand Menu \u0e44\u0e14\u0e49\u0e41\u0e25\u0e49\u0e27 \u0e41\u0e15\u0e48\u0e01\u0e47\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23 Expand \u0e41\u0e1a\u0e1a\u0e17\u0e37\u0e48\u0e2d \u0e46 \u0e04\u0e37\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e01\u0e47\u0e41\u0e2a\u0e14\u0e07\u0e40\u0e25\u0e22\u0e40\u0e1e\u0e23\u0e32\u0e30\u0e08\u0e30\u0e2b\u0e32\u0e22\u0e44\u0e1b\u0e01\u0e47\u0e2b\u0e32\u0e22\u0e44\u0e1b\u0e40\u0e25\u0e22 \u0e44\u0e21\u0e48\u0e21\u0e35\u0e01\u0e32\u0e23 Slide \u0e2b\u0e23\u0e37\u0e2d Fade \u0e2a\u0e48\u0e27\u0e19\u0e19\u0e35\u0e49\u0e40\u0e23\u0e32\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e1e\u0e34\u0e48\u0e21 Effect \u0e44\u0e14\u0e49\u0e42\u0e14\u0e22\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19 Javascript \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e02\u0e49\u0e32\u0e44\u0e1b\u0e44\u0e14\u0e49\u0e14\u0e31\u0e07\u0e19\u0e35\u0e49\u0e04\u0e23\u0e31\u0e1a<\/p>\n
$('.dropdown').on('show.bs.dropdown', function(e){\r\n    $(this).find('.dropdown-menu').first().stop(true, true).slideDown();\r\n});\r\n\r\n$('.dropdown').on('hide.bs.dropdown', function(e){\r\n    $(this).find('.dropdown-menu').first().stop(true, true).slideUp();\t\r\n});<\/pre>\n
\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e40\u0e17\u0e48\u0e32\u0e19\u0e35\u0e49\u0e40\u0e23\u0e32\u0e01\u0e47\u0e08\u0e30\u0e44\u0e14\u0e49 fully expand menu \u0e17\u0e35\u0e48\u0e21\u0e35\u0e01\u0e32\u0e23\u0e2a\u0e44\u0e25\u0e14\u0e4c\u0e15\u0e31\u0e49\u0e07\u0e15\u0e2d\u0e19\u0e40\u0e1b\u0e34\u0e14\u0e41\u0e25\u0e30\u0e1b\u0e34\u0e14\u0e40\u0e21\u0e19\u0e39\u0e41\u0e25\u0e49\u0e27\u0e04\u0e23\u0e31\u0e1a \u0e2a\u0e48\u0e27\u0e19\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e43\u0e19\u0e40\u0e21\u0e19\u0e39\u0e40\u0e23\u0e32\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e02\u0e35\u0e22\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e02\u0e49\u0e32\u0e44\u0e1b\u0e20\u0e32\u0e22\u0e43\u0e19 div \u0e04\u0e25\u0e32\u0e2a\u0e17\u0e35\u0e48\u0e0a\u0e37\u0e48\u0e2d\u0e27\u0e48\u0e32 content \u0e44\u0e14\u0e49\u0e40\u0e25\u0e22\u0e04\u0e23\u0e31\u0e1a \u0e14\u0e39\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e04\u0e23\u0e31\u0e1a
\n<\/br>
\n\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e19\u0e30\u0e04\u0e23\u0e31\u0e1a \u0e01\u0e32\u0e23\u0e17\u0e33 effect \u0e41\u0e1a\u0e1a SlideDown \u0e41\u0e25\u0e30 SlideUp \u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e19\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07 jQuery \u0e41\u0e25\u0e30 bootstrap framework \u0e04\u0e37\u0e2d\u0e43\u0e0a\u0e49 Event \u0e02\u0e2d\u0e07 bootstrap \u0e41\u0e25\u0e30\u0e43\u0e0a\u0e49\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07 \u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e02\u0e36\u0e49\u0e19-\u0e25\u0e07 \u0e02\u0e2d\u0e07 jQuery \u0e19\u0e31\u0e48\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e2b\u0e15\u0e38\u0e1c\u0e25\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e40\u0e23\u0e32\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a effect \u0e40\u0e1b\u0e47\u0e19\u0e41\u0e1a\u0e1a\u0e2d\u0e37\u0e48\u0e19\u0e44\u0e14\u0e49\u0e40\u0e0a\u0e48\u0e19\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e08\u0e32\u0e01 slide effect \u0e40\u0e1b\u0e47\u0e19 fade effect \u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e0a\u0e48\u0e19<\/p>\n
$(this).find('.dropdown-menu').first().stop(true, true).fadeIn(\"fast\");\r\n$(this).find('.dropdown-menu').first().stop(true, true).fadeOut(\"fast\");<\/pre>\n
\u0e17\u0e48\u0e32\u0e19\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e14\u0e39\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07 expand menu \u0e41\u0e25\u0e30\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e42\u0e04\u0e4a\u0e14\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e44\u0e14\u0e49\u0e17\u0e35\u0e48\u0e25\u0e34\u0e07\u0e04\u0e4c\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e04\u0e23\u0e31\u0e1a<\/p>\n
\u0e14\u0e39\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07 Fully Expand Menu<\/a><\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"
\u0e27\u0e34\u0e18\u0e35\u0e17\u0e33 Fully Expand \u0e40\u0e21\u0e19\u0e39\u0e2b\u0e25\u0e31\u0e01\u0e41\u0e1a\u0e1a\u0e40\u0e15\u0e47\u0e21\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e14\u0e49\u0e27\u0e22 Bootstrap Framework \u0e14\u0e39\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07 Fully Expand Menu Fully Expand Menu \u0e04\u0e37\u0e2d\u0e40\u0e21\u0e19\u0e39\u0e17\u0e35\u0e48\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e23\u0e32 Click \u0e2b\u0e23\u0e37\u0e2d Hover \u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e08\u0e30\u0e41\u0e2a\u0e14\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e1c\u0e48\u0e19\u0e41\u0e1a\u0e1a\u0e40\u0e15\u0e47\u0e21\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e41\u0e25\u0e30\u0e43\u0e19\u0e41\u0e1c\u0e48\u0e19\u0e19\u0e31\u0e49\u0e19\u0e08\u0e30\u0e21\u0e35\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e2d\u0e32\u0e08\u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21…<\/p>\n","protected":false},"author":1,"featured_media":2253,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"video","meta":{"footnotes":""},"categories":[46],"tags":[722,718,720,723,719,713,716,714,715,1184,1182,1183,1185,717,721,933,371,614,549,501,711,712],"class_list":{"0":"post-2242","1":"post","2":"type-post","3":"status-publish","4":"format-video","5":"has-post-thumbnail","6":"hentry","7":"category-website-development-","8":"tag-bootstrap","9":"tag-bootstrap-dropdown","10":"tag-bootstrap-expand-menu","11":"tag-bootstrap-framework","12":"tag-bootstrap-slide-menu","13":"tag-css-expand-menu","14":"tag-css-slide-menu","15":"tag-css-","17":"tag-mega-bootstrap-menu","18":"tag-mega-menu","19":"tag-mega-","21":"tag-slide-menu","22":"tag-twitter-bootstrap","23":"tag-933","24":"tag-371","25":"tag-614","26":"tag-549","27":"tag-501","28":"tag--fully-expand","29":"tag--expand","30":"post_format-post-format-video"},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/posts\/2242","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/comments?post=2242"}],"version-history":[{"count":13,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/posts\/2242\/revisions"}],"predecessor-version":[{"id":2257,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/posts\/2242\/revisions\/2257"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/media\/2253"}],"wp:attachment":[{"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/media?parent=2242"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/categories?post=2242"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/tags?post=2242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}