Håller på med en sida som bland annat ska visa lite instruktioner som man kan toggla via jQuery UI. Dvs en div ska växla mellan att visas normalt och css-egenskapen: display:none;
HTML-en ser typ ut så här:
<body>
<div id="main">
<input name="Visa instruktioner" value="Visa intruktioner" type="button" id="button"/>
<div id="inst">
instruktioner här.
</div>
</div>
</body>
Jag vill att #inst inte ska visas från början.
så har i css:en kort och gott:
#inst {
display:none;
}
vilket jag tycker borde räcka, FF och IE9 visar korrekt. Men inte chrome, några förslag?
$("#button").click(function() {
$("#inst").toggle("blind", 1000);
});
jQuery toggle funkar fint, bara att den då först gömmer #inst på chrome, istället för att visa.
Vill även att y-scrollen alltid visas, så att innehållet inte hoppar till vänster när man visar instruktioner och en scroll dyker upp. Detta fungerar inte heller i Chrome när jag använder css:en
html{
overflow-y: scroll;
}
En lösning eller walk-around skulle vara awsome
