Hi Rory
Like you a jQuery novice, but.... think I can help. Though I agree there
seems to be a lot of code in here/there that is not needed - plus would not
validate against W3C standards e.g. take out the <p> after the </h6> and
replace your / 's with <strong> / <strong>.
Anyhow here goes - and I have no dobut it can be simplified more
$(document).ready(function(){
$('a.hide').hide();
return false;
});
This is a standard a href ="" link with an id of "hide" and makes sure it is
hidden when the page opens
Create another link a href ="" with an id of "toggle"
(OK you can name them what you want)
Then in the head try something like
$(document).ready(function(){
$('a.toggle').click(function() {
$('.demo').toggle(400);
$('a.toggle').hide("slow");
$('a.hide').show("slow");
return false;
});
});
$(document).ready(function(){
$('a.hide').click(function() {
$('.demo').hide("slow");
$('a.toggle').show("slow");
$('a.hide').hide("slow");
return false;
});
});
OK, this assumes that the links - hide and toggle are out site your CSS
"demo" class but you can move them insider the class and hide/show only
based on the links.
e.g.
$(document).ready(function(){
$('a.toggle').click(function() {
$('.demo').show("slow");
return false;
});
});
$(document).ready(function(){
$('a.hide').click(function() {
$('.demo').hide("slow");
return false;
});
});
Rory Bernstein wrote:
>
> Hello,
>
> I am a total jQuery novice, and I tried to use jQuery for a project
> but I'm having trouble.
>
> http://www.rorybernstein.com/stage/index2.html
>
> When you click the blue "go ahead" link, it expands the hidden div,
> revealing content. I want the effect to be a "slide" effect, as on
> this sample page:
> http://adipalaz.awardspace.com/experiments/jquery/expand.html
> From these various examples, I want the "slideToggle effect -
> slideToggle ("slow"), as shown in section 2 of the above link.
>
> I cannot figure out what is wrong; my toggle link does work (it
> expands the hidden div), but I do not know how to get it to "slide" at
> the speed shown in the sample.
>
> Any help would be appreciated.
> Thanks,
> Rory
>
>
--
View this message in context:
http://old.nabble.com/need-help-with-simple-jQuery-problem-tp27228125s27240p27229401.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
