Andrew: подскажи пожалуйста, вот при клике по "Название фильма #" открывается левый блок.
И если посмотреть исходный код при переключении активному диву с классом film-desc добавляется стиль display: block; а остальным display: none;
При клике на "Закрыть", левая часть закрывается, но последний просматриваемый блок с классом film-desc остаётся display:block . Как сделать так, что бы при клике на "закрыть" у всех дивов в левом блоке с классом film-desc было display:none;
Александр Таратин: блин, я как-то не додумался до такого)) Спасибо конечно за интересное решение. Но я пытаюсь освоит js, по этому все поставленные задачи стараюсь решить с помощью него а не css)
Александр Таратин: фишка в том, что при наведении на левый блок, полупрозрачный должен появляться на правом блоке.
То есть эффект происходит не с тем элементом на который мы наводим курсор, а с соседним.
Этот вариант не совсем подходит. Так как там по мимо самих блоков ещё в нутри есть элементы которые тоже растягиваются.
Да и типа при наведении на одну сторону она увеличивается, а на другой которая уменьшается появляется блок полупрозрачный с position:absolute, что бы типа маленькую сторону затмить и всё внимание было на большую... В общем я начале я так и думал сделать ячейками, но в пришёл к js
Ух ты, круто, давно искал что-то типа такого, но что-то не находил, думал не существуте такой фишки для размера текста)) Спасибо тебе, теперь буду юзать на адаптивных сайтах.
Ну так вам же нужно было что бы в блок вмещалось. Вот оно вмещается)
А почему нельзя просто вставить картинку задать её размеры и отцентровать.
Именно не фоном а просто картинку.
Спасибо, ваш вариант интересней, но в итоге функций спойлера не хватило, так как нужно один элемент скрывать, другой открывть (другими словами заменять)
Реализовал это так: jsfiddle.net/9yz2jowg/1
Но как и в прошлый раз возникла проблема с тем, что при клики на один "спойлер", открываются все.
Тогда попробовал искать в родителе, но что-то не помогло) jsfiddle.net/9yz2jowg
Может подскажите, как правильно разделить их? Что бы на какой кликаешь, тот и открывается.
За пояснение отдельное спасибо)
Ещё кстати нужно было добавить $(this).parent() к .spoiler_indicator, что бы надпись закрыть/открыть менялась только у того спойлера который нужен.
