[jQuery] Interface: Question about Blind Up/Down
It was a bug in Blind, fold and open/close. I fixed this, download the Interface again ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Interface: Question about Blind Up/Down
Stefan, Thanks for the update. It works great now. Jim On 9/2/06, Stefan Petre [EMAIL PROTECTED] wrote: It was a bug in Blind, fold and open/close. I fixed this, download the Interface again ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Interface: Question about Blind Up/Down
I am trying to use blind down and blind up with a div that is hidden when the page loads. My demo: http://www.jimdavis.us/demos/whidbey/blindtest.html The blind up and blind down functions were working great until I added the rule display: hidden to the addText div in order to have the div out of view when the page loads. As you can see from the demo, clicking 'View Additional Text makes the div snap into view rather than scroll into view. Is there a way to have the page load with the addText div hidden and have it scroll into view when the link is clicked? See Stefan's IFX demo here: http://interface.eyecon.ro/demos/ifxblind.html; Thanks for the help, Jim ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Interface: Question about Blind Up/Down
Op 1-sep-2006, om 18:05 heeft Jim Davis het volgende geschreven: I am trying to use blind down and blind up with a div that is hidden when the page loads. My demo: http://www.jimdavis.us/demos/whidbey/blindtest.html The blind up and blind down functions were working great until I added the rule display: hidden to the addText div in order to have the div out of view when the page loads. As you can see from the demo, clicking 'View Additional Text makes the div snap into view rather than scroll into view. Is there a way to have the page load with the addText div hidden and have it scroll into view when the link is clicked? See Stefan's IFX demo here: http://interface.eyecon.ro/demos/ ifxblind.html; Jim, try using display: none;. I'm not convinced that is the right way(tm) but, overhere it worked over and over again.. /me confused Steef ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Interface: Question about Blind Up/Down
Stefan Nagtegaal schrieb: Op 1-sep-2006, om 18:05 heeft Jim Davis het volgende geschreven: I am trying to use blind down and blind up with a div that is hidden when the page loads. My demo: http://www.jimdavis.us/demos/whidbey/blindtest.html The blind up and blind down functions were working great until I added the rule display: hidden to the addText div in order to have the div out of view when the page loads. As you can see from the demo, clicking 'View Additional Text makes the div snap into view rather than scroll into view. Is there a way to have the page load with the addText div hidden and have it scroll into view when the link is clicked? See Stefan's IFX demo here: http://interface.eyecon.ro/demos/ ifxblind.html; Jim, try using display: none;. I'm not convinced that is the right way(tm) but, overhere it worked over and over again.. /me confused There's no value hidden for the display property. You have confused that with the visibility property. No need to be confused ;-) -- Klaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Interface: Question about Blind Up/Down
Inside my external stylesheet..
#id-is-hidden-by-default {
display: none;
}
or you can also try:
#id-is-hidden-by-default {
visibility: hidden;
}
Steef
Op 1-sep-2006, om 19:26 heeft Jim Davis het volgende geschreven:
Stefan,
Adding display: none; to the addText div dosen't work. I also tried
creating a class:
.hideit { display: none; }
and changed the html to:
div id=addText class=hideit
That dosen't work either.
Where did you add display: none to make it work properly?
Jim
On 9/1/06, Stefan Nagtegaal [EMAIL PROTECTED] wrote:
Op 1-sep-2006, om 18:05 heeft Jim Davis het volgende geschreven:
I am trying to use blind down and blind up with a div that is hidden
when the page loads.
My demo: http://www.jimdavis.us/demos/whidbey/blindtest.html
The blind up and blind down functions were working great until I
added
the rule display: hidden to the addText div in order to have the div
out of view when the page loads. As you can see from the demo,
clicking 'View Additional Text makes the div snap into view rather
than scroll into view.
Is there a way to have the page load with the addText div hidden and
have it scroll into view when the link is clicked?
See Stefan's IFX demo here: http://interface.eyecon.ro/demos/
ifxblind.html;
Jim, try using display: none;.
I'm not convinced that is the right way(tm) but, overhere it worked
over and over again..
/me confused
Steef
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] Interface: Question about Blind Up/Down
On Sep 1, 2006, at 1:26 PM, Jim Davis wrote:
Stefan,
Adding display: none; to the addText div dosen't work. I also tried
creating a class:
.hideit { display: none; }
and changed the html to:
div id=addText class=hideit
That dosen't work either.
You could also try hiding the DIV with jQuery when the DOM initially
loads:
$(document).ready(function() {
$('div.hideit').hide();
});
This would have the added advantage of displaying that extra text
initially if the user has css turned on and javascript turned off, so
possibly more graceful degradation. How would user get to see that
additional text in that case if the css were set to display: none?
Cheers,
Karl
___
Karl Swedberg
www.englishrules.com
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] Interface: Question about Blind Up/Down
Karl,
Thanks for the help. Your suggestion solved the problem.
Jim
On 9/1/06, Karl Swedberg [EMAIL PROTECTED] wrote:
You could also try hiding the DIV with jQuery when the DOM initially
loads:
$(document).ready(function() {
$('div.hideit').hide();
});
This would have the added advantage of displaying that extra text
initially if the user has css turned on and javascript turned off, so
possibly more graceful degradation. How would user get to see that
additional text in that case if the css were set to display: none?
Cheers,
Karl
___
Karl Swedberg
www.englishrules.com
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
