<div><button>Вкл</button><button>Выкл</button></div>
* {
margin: 0;
}
div {
display: inline-block;
overflow: hidden;
position: relative;
width: auto;
-khtml-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
div button {
background: red;
border: 0;
cursor: pointer;
display: block;
float: left;
outline: 0;
padding: 3px 15px;
position: relative;
width: auto;
-khtml-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div button:first-child {
background: green;
}<div class="home">
...
</div>html, body {
height: 100%;
position: relative;
width: 100%;
}
.home {
background: url("../images/content/home.jpg") center no-repeat fixed;
height: 100%;
position: relative;
width: 100%;
-khtml-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}$(document).ready(
function(){
$(window).resize(function(){
var height = $(window).height();
$('.home').css({
'height':height
});
}).resize();
}
);<script>
$(document).ready(function(){
// + - переход от элемента с известным ID (из примера) к следующему смежному
// ~ * - все последующие смежные элементы
// hide() - скрыть выбранные элементы
$('#second_id + ~ *').hide();
});
</script><script>
$(document).ready(function(){
// 'button' или 'input[type="submit"]' (сокращаем: '[type="submit"]') - вообще для всех кнопок
// '.submit' - для всех кнопок c классом submit (предпочтительно)
// '#submit' - для всех кнопок c id submit (лучше не использовать одинаковые id на странице)
$('button').click(function(){
// В кавычках присваиваем нужное значение
$(this).val('Значение');
});
});
</script>