Как объединить jQuery?

Добрый день! Помогите объединить код в jQuery

Есть js файл содержит

$(window).scroll(function()
{
if ($(this).scrollTop() > 900) {
$('#leftBar').css('display', 'none');
$('#telo').css('width', '100%');
}
else
{
$('#leftBar').css('display', 'block');
$('#telo').css('width', '80%');
}
}
};

Принцип: если окно браузера прокрутили вниз на 900px то меняется css на div
Все работает все отлично, но вот проблема это не низменно при любом размере экрана.
Нашел такой фрагмент

$(function() {
if($(window).width()<767) {
$(#telo').css('width', '100%'');
}
});

Принцип: Если окно браузера по ширине меньше 767px то на div накладывается этот css

Суть. Хочу чтобы при нормальном размере экрана отрабатывал исходник, но если окно меньше то только второй.

Пробовал объединить не работает (я начинающий):

if $(function() {
if($(window).width()<767) {
$(#telo').css('width', '100%'');
}
else
{
$(window).scroll(function() {
if ($(this).scrollTop() > 900) {
$('#leftBar').css('display', 'none');
$('#telo').css('width', '100%');
}
else
{
$('#leftBar').css('display', 'block');
$('#telo').css('width', '80%');
}
}
});