$.fn.slideFadeToggle = function(speed, easing, callback) {
return this.animate({
opacity: 'toggle',
height: 'toggle'
},
speed, easing, callback);
};
$("button").click(function() {
$('.content').slideFadeToggle(800);
});
Preferences → Key Bindings
добавить[
{ "keys": ["ctrl+alt+f"], "command": "reindent", "args": { "single_line": false } }
]
dropdown-menu-right
, который нужно добавить к блоку dropdown-menu
.<nav class="navbar">
...
<div class="navbar-collapse">
<ul class="navbar ml-auto">
<li>...</li>
</ul>
<div class="user-actions">
<div class="dropdown">
...
</div>
</div>
</div>
</nav>
<nav class="navbar">
...
<div class="navbar-collapse">
<ul class="navbar mr-auto">
<li>...</li>
</ul>
<ul class="navbar mr-auto user-actions">
<li class="dropdown">
...
</li>
</ul>
</div>
</nav>
.navbar-nav
..navbar-nav for a full-height and lightweight navigation (including support for dropdowns).— https://getbootstrap.com/docs/4.0/components/navba...
<body>
<div>
<button class="ui blue button show fluid">Подробнее</button>
<div class="ui modal longer">... </div> <!-- это модальное окно -->
</div>
</body>
<body>
<div>
<button class="ui blue button show fluid">Подробнее</button>
</div>
<div class="ui dimmer modals page transition visible active">... </div> <!-- это модальное окно -->
</body>
$(document).ready(function(){
var interval,
count,
tick,
selectedVal = $.cookie("selected-val");
function refresh() {
clearInterval(interval);
clearInterval(count);
tick = 0;
$('#reload-nc').click();
$('.timer').text(tick + ' c.');
count = setInterval(function(){
tick++;
$('.timer').text(tick + ' c.')
}, 1000);
interval = setInterval(function(){
$('#reload-nc').click();
}, $('#select').val() * 1000);
}
if (selectedVal) {
$("#select").val(selectedVal);
refresh();
}
$("#select").on("change", function(){
var selection = $(this).val();
$.cookie("selected-val", selection, {expires: 365, path: '/'})
refresh();
});
});
А как упростить - это вы уже сами подумайте. <div class="row">
<div class="col-md-12 col-lg-3 order-lg-1 order-2">
{include file=sidebar}
</div>
<div class="col-md-12 col-lg-9 order-lg-2 order-1">
{content}
</div>
</div>
Пример