My simple JQuery
- $(document).ready(function(){
- $("#one).hover(function(){
- $("#two").slideToggle("slow");
- });
- });
my css
- #two{
- display:none;
- }
my html
- <span id="one">one</span>
- <span id="twp">two</span>
My question:
In IE and Chrome, the only two browsers I'm concerned about, when I hover my mouse over #one, I would like for #two to appear to the right. Which it does, however, there's an adjustment to my content containing <div> (not mentioned in my code above) and then it returns to its proper size. So everything works well, except a slight "hiccup" in the div size..
To be clear of the div I'm using here's the code:
- <div style="width:600px;margin:5px;border:solid 1px #4020B6;display:inline-block;text-align:left;">
- <span id="one">one</span>
- <span id="two">two</span>
- </div>
Now I am new to all this stuff, so please let me know if my code is bad or redundant/pointless. Would I be best replacing my spans with divs?
Thanks for your time
- M