Добавляю следующее
function changePaddingPlus() {
var paddingPlus = "25px";
document.getElementById("paddingdiv").style.paddingLeft = paddingPlus;
};
function changePaddingMinus() {
var paddingMinus = "275px";
document.getElementById("paddingdiv").style.paddingLeft = paddingMinus;
}
и естесвенно меняю button
</head>
<body>
<div id="toolo"> text 1
<button class="toggle" id="hide" onclick="changePaddingMinus()">Open</button>
</div>
<div id="toolo2">
text 2
<button class="toggle" id="show" onclick="changePaddingPlus()">Hide</button>
</div>
<div class="paddingchange" style="padding:25px 35px 0 275px" id="paddingdiv">
Этот див при нажатии кнпки Hide должен сдвигать паддинг на лево на '-275px'
А при нажатии на Show возвращать всё как было
</div>
</body>
</html>
Понимаю что это громоздко и неправильно, вернее было-бы засунуть всё в одну функцию с проверкой :
1 - если указано значение paddingLeft в кукисах, взять его
2 - если не указано значение paddingLeft , назначить его 275px, сохранить это в кукисах
3 - при обработки кнопки Hide - установить значение paddingLeft = 25px и сохранить его в кукисах
4 - при обработки кнопки Show - установить значение paddingLeft = 275px и сохранить его в кукисах
но что-то у меня не очень получается. Есть идеи ?