33 lines
753 B
JavaScript
33 lines
753 B
JavaScript
|
$(function () {
|
||
|
|
|
||
|
|
responsiveNav ();
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
function responsiveNav () {
|
||
|
|
var html = '';
|
||
|
|
|
||
|
|
var cloned = $('#main-nav > li').clone ();
|
||
|
|
|
||
|
|
var container = $('<div>', { id: 'responsive-nav' });
|
||
|
|
var items = $('<ul>', { id: 'responsive-nav-items' });
|
||
|
|
var trigger = $('<div>', { id: 'responsive-nav-trigger', text: 'Navigate...' });
|
||
|
|
|
||
|
|
container.appendTo ('#nav .container');
|
||
|
|
items.appendTo (container);
|
||
|
|
|
||
|
|
items.append (cloned);
|
||
|
|
|
||
|
|
items.find ('li').removeClass ('dropdown');
|
||
|
|
items.find ('ul').removeClass ('dropdown-menu');
|
||
|
|
items.find ('.caret').remove ();
|
||
|
|
|
||
|
|
items.append (html);
|
||
|
|
|
||
|
|
trigger.bind ('click', function (e) {
|
||
|
|
items.slideToggle ();
|
||
|
|
trigger.toggleClass ('open');
|
||
|
|
});;
|
||
|
|
|
||
|
|
trigger.prependTo (container);
|
||
|
|
}
|