|
4 | 4 | <title>Bootstrap 3 Vertical Menu Manager</title> |
5 | 5 | <meta charset="utf-8"> |
6 | 6 | <meta name="viewport" content="width=device-width, initial-scale=1"> |
7 | | - <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css"> |
8 | | - <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> |
9 | | - <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> |
| 7 | + <link href="<?php echo base_url() ?>assets/css/bootstrap.min.css" rel="stylesheet"> |
| 8 | + <script src="<?php echo base_url() ?>assets/js/jquery.min.js"></script> |
| 9 | + <script src="<?php echo base_url() ?>assets/js/bootstrap.min.js"></script> |
10 | 10 | <style> |
11 | | - .dropdown-submenu{ position: relative; } |
12 | | - .dropdown-submenu>.dropdown-menu{ |
13 | | - top:0; |
14 | | - left:100%; |
15 | | - margin-top:-6px; |
16 | | - margin-left:-1px; |
17 | | - -webkit-border-radius:0 6px 6px 6px; |
18 | | - -moz-border-radius:0 6px 6px 6px; |
19 | | - border-radius:0 6px 6px 6px; |
| 11 | + .dropdown-submenu > a:after { |
| 12 | + display: block; |
| 13 | + content: " "; |
| 14 | + float: right; |
| 15 | + width: 0; |
| 16 | + height: 0; |
| 17 | + border-color: transparent; |
| 18 | + border-style: solid; |
| 19 | + border-width: 5px 0 5px 5px; |
| 20 | + border-left-color: #cccccc; |
| 21 | + margin-top: 5px; |
| 22 | + margin-right: -10px; |
20 | 23 | } |
21 | | - .dropdown-submenu>a:after{ |
22 | | - display:block; |
23 | | - content:" "; |
24 | | - float:right; |
25 | | - width:0; |
26 | | - height:0; |
27 | | - border-color:transparent; |
28 | | - border-style:solid; |
29 | | - border-width:5px 0 5px 5px; |
30 | | - border-left-color:#cccccc; |
31 | | - margin-top:5px;margin-right:-10px; |
32 | | - } |
33 | | - .dropdown-submenu:hover>a:after{ |
34 | | - border-left-color:#555; |
| 24 | + |
| 25 | + .dropdown-submenu:hover > a:after { |
| 26 | + border-left-color: #555; |
35 | 27 | } |
36 | | - .dropdown-submenu.pull-left{ float: none; } |
37 | | - .dropdown-submenu.pull-left>.dropdown-menu{ |
| 28 | + |
| 29 | + .dropdown-submenu.pull-left > .dropdown-menu { |
38 | 30 | left: -100%; |
39 | 31 | margin-left: 10px; |
40 | 32 | -webkit-border-radius: 6px 0 6px 6px; |
|
53 | 45 | <div class="container"> |
54 | 46 | <div class="row"> |
55 | 47 | <?php get_menu('1', 'black'); ?> |
56 | | -<!-- --><?php //get_menu('1', ''); ?> |
| 48 | + <!-- --><?php //get_menu('1', ''); ?> |
57 | 49 | </div> |
58 | 50 | </div> |
59 | 51 | <script> |
60 | 52 |
|
61 | | - (function($){ |
62 | | - $(document).ready(function(){ |
63 | | - $('ul.dropdown-menu [data-toggle=dropdown]').on('click', function(event) { |
| 53 | + (function ($) { |
| 54 | + $(document).ready(function () { |
| 55 | + $('ul.dropdown-menu [data-toggle=dropdown]').on('click', function (event) { |
64 | 56 | event.preventDefault(); |
65 | 57 | event.stopPropagation(); |
66 | 58 | $(this).parent().siblings().removeClass('open'); |
67 | 59 | $(this).parent().toggleClass('open'); |
68 | 60 | }); |
69 | 61 | }); |
70 | 62 | })(jQuery); |
71 | | - |
72 | 63 | </script> |
73 | 64 | </body> |
74 | 65 | </html> |
|
0 commit comments