Отже, що ми маємо - потрібно під час перегляду сайдбара приховувати його, і при приховуванні контейнер контенту повинен займати всю ширину врапперов сторінки (врапперов = сайдбар + контент). Основною проблемою для мене було зрозуміти - ЯК дізнатися, що сайдбар перегорнутий? Погуглити, я знайшов статейку. яка, начебто, вирішувала мою проблему, але, використавши метод зі статті, я наткнувся на нову проблему - при зникненні сайдбара контейнер контенра розширювався, але проведіть по екрані в початок сторінки - тобто блок просто перемальовував заново з самого початку, але при появі сайдбара знову блок контенту (стиснений) був знову на тому ж місці, що і до розширення.
Недовго думаючи, я зрозумів, що вся справа в значенні атрибута display сайдбара і контенту - вони обидва були встановлені на 'block', тому і перемальовувалися заново в вьюпорте.
Потім, коли я обом цим блокам присвоїв «display: inline;" у мене виникла проблема з автосменой атрибута display через кожну перегортувалися рядок, тому мені довелося відмовитися від цього варіанту вирішення моєї первинної проблеми, і придумати щось своє.
Як не дивно, власний метод я придумав досить швидко (практично моментально) - просто чекать висоту сайдбара, і при проходженні цієї висоти приховувати сайдбар. Але ЯК зробити це? Вихід, як завжди, підказав jQuery - скористатися головою і функцією .scrollTop (), яка повертає / встановлює відстань в пікселях від верху сторінки до низу сторінки в поточному вікні.