Jquery UI Accordion Navigation

Hi guys

I am working on the following site http://www.paulbraham.com/test_site/
and am having a few troubles with my JQuery Accordion.

Basically, I have turned on Navigation, and inserted three anchors,
#1, #2 and #3 for the three sections that exist. Now in theory, i
could go to index.html#2 and it would load with section 2 open. This
is not happening, and I cannot work out what is wrong with my code.

Also, I have used the following code to update the hash on the address
bar when a section is selected. This is so it is possible to bookmark
the website with a certain section open. This is also not working.

$(".menuLink").click(function(event){
window.location.hash=this.hash;
});

If it helps, I found this tutorial, that shows it working perfectly, I
just can't work out what is so different about mine!!

http://www.michaeljacobdavis.com/tutorials/statesavingaccordion/statesavingaccordion.html#2

Thanks in advance

Paul

Your click function fail is due to the fact you hook the event up
outside of a doc ready block. You can either change it to use .live or
move it after the accordion initialise call.

On Nov 5, 2:48*pm, mehstg1319 <meh... (AT) gmail (DOT) com> wrote:

Hi guys

I am working on the following sitehttp://www.paulbraham.com/test_site/
and am having a few troubles with my JQuery Accordion.

Basically, I have turned on Navigation, and inserted three anchors,
#1, #2 and #3 for the three sections that exist. Now in theory, i
could go to index.html#2 and it would load with section 2 open. This
is not happening, and I cannot work out what is wrong with my code.

Also, I have used the following code to update the hash on the address
bar when a section is selected. This is so it is possible to bookmark
the website with a certain section open. This is also not working.

$(".menuLink").click(function(event){
* * * * * * * * * window.location.hash=this.hash;
* * * * *});

If it helps, I found this tutorial, that shows it working perfectly, I
just can't work out what is so different about mine!!

http://www.michaeljacobdavis.com/tutorials/statesavingaccordion/state...

Thanks in advance

Paul

Thanks very much

That has fixed that bug, silly mistake to make!!

The navigation still does not work however :-( i.e. if I go to
http://www.paulbraham.com/test_site/index.html#2 it should open on the
second panel and if I go to http://www.paulbraham.com/test_site/index.html#3
it should open on the third.

Any ideas what I have done wrong here?

Paul



On Nov 6, 1:42*am, "jquery.redsqu... (AT) googlemail (DOT) com"
<jquery.redsqu... (AT) googlemail (DOT) com> wrote:

Your click function fail is due to the fact you hook the event up
outside of a doc ready block. You can either change it to use .live or
move it after the accordion initialise call.

On Nov 5, 2:48*pm, mehstg1319 <meh... (AT) gmail (DOT) com> wrote:

Hi guys

I am working on the following sitehttp://www.paulbraham.com/test_site/
and am having a few troubles with my JQuery Accordion.

Basically, I have turned on Navigation, and inserted three anchors,
#1, #2 and #3 for the three sections that exist. Now in theory, i
could go to index.html#2 and it would load with section 2 open. This
is not happening, and I cannot work out what is wrong with my code.

Also, I have used the following code to update the hash on the address
bar when a section is selected. This is so it is possible to bookmark
the website with a certain section open. This is also not working.

$(".menuLink").click(function(event){
* * * * * * * * * window.location.hash=this.hash;
* * * * *});

If it helps, I found this tutorial, that shows it working perfectly, I
just can't work out what is so different about mine!!

http://www.michaeljacobdavis.com/tutorials/statesavingaccordion/state...

Thanks in advance

Paul

Two suggestions:

1. use id instead of name

2. use a valid id. See

http://www.w3.org/TR/html4/types.html#h-6.2
"
ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed
by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"),
colons (":"), and periods (".").
"

- Richard

On Fri, Nov 6, 2009 at 3:00 AM, mehstg1319 <mehstg (AT) gmail (DOT) com> wrote:

Thanks very much

That has fixed that bug, silly mistake to make!!

The navigation still does not work however :-( i.e. if I go to
http://www.paulbraham.com/test_site/index.html#2 it should open on the
second panel and if I go to
http://www.paulbraham.com/test_site/index.html#3
it should open on the third.

Any ideas what I have done wrong here?

Paul



On Nov 6, 1:42 am, "jquery.redsqu... (AT) googlemail (DOT) com"
jquery.redsqu... (AT) googlemail (DOT) com> wrote:
Your click function fail is due to the fact you hook the event up
outside of a doc ready block. You can either change it to use .live or
move it after the accordion initialise call.

On Nov 5, 2:48 pm, mehstg1319 <meh... (AT) gmail (DOT) com> wrote:

Hi guys

I am working on the following sitehttp://www.paulbraham.com/test_site/
and am having a few troubles with my JQuery Accordion.

Basically, I have turned on Navigation, and inserted three anchors,
#1, #2 and #3 for the three sections that exist. Now in theory, i
could go to index.html#2 and it would load with section 2 open. This
is not happening, and I cannot work out what is wrong with my code.

Also, I have used the following code to update the hash on the address
bar when a section is selected. This is so it is possible to bookmark
the website with a certain section open. This is also not working.

$(".menuLink").click(function(event){
window.location.hash=this.hash;
});

If it helps, I found this tutorial, that shows it working perfectly, I
just can't work out what is so different about mine!!

http://www.michaeljacobdavis.com/tutorials/statesavingaccordion/state.
..

Thanks in advance

Paul

Richard,

I have tried using ID's. Seems to make no difference, the navigation
will still not work :-( I believe I may have the anchors slightly
wrong, but cannot work out what is wrong with them.

With regards to your second point about using a valid ID? I do not
understand, I don't see anything wrong with the names i have used?

P

On Nov 6, 1:43*pm, "Richard D. Worth" <rdwo... (AT) gmail (DOT) com> wrote:

Two suggestions:

1. use id instead of name

2. use a valid id. See

http://www.w3.org/TR/html4/types.html#h-6.2
"
ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed
by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"),
colons (":"), and periods (".").
"

- Richard

On Fri, Nov 6, 2009 at 3:00 AM, mehstg1319 <meh... (AT) gmail (DOT) com> wrote:
Thanks very much

That has fixed that bug, silly mistake to make!!

The navigation still does not work however :-( *i.e. if I go to
http://www.paulbraham.com/test_site/index.html#2it should open on the
second panel and if I go to
http://www.paulbraham.com/test_site/index.html#3
it should open on the third.

Any ideas what I have done wrong here?

Paul

On Nov 6, 1:42 am, "jquery.redsqu... (AT) googlemail (DOT) com"
jquery.redsqu... (AT) googlemail (DOT) com> wrote:
Your click function fail is due to the fact you hook the event up
outside of a doc ready block. You can either change it to use .live or
move it after the accordion initialise call.

On Nov 5, 2:48 pm, mehstg1319 <meh... (AT) gmail (DOT) com> wrote:

Hi guys

I am working on the following sitehttp://www.paulbraham.com/test_site/
and am having a few troubles with my JQuery Accordion.

Basically, I have turned on Navigation, and inserted three anchors,
#1, #2 and #3 for the three sections that exist. Now in theory, i
could go to index.html#2 and it would load with section 2 open. This
is not happening, and I cannot work out what is wrong with my code.

Also, I have used the following code to update the hash on the address
bar when a section is selected. This is so it is possible to bookmark
the website with a certain section open. This is also not working.

$(".menuLink").click(function(event){
* * * * * * * * * window.location.hash=this.hash;
* * * * *});

If it helps, I found this tutorial, that shows it working perfectly, I
just can't work out what is so different about mine!!

http://www.michaeljacobdavis.com/tutorials/statesavingaccordion/state.
..

Thanks in advance

Paul

ID and NAME tokens must begin with a letter ([A-Za-z])

On Fri, Nov 6, 2009 at 11:39 AM, mehstg1319 <mehstg (AT) gmail (DOT) com> wrote:

Richard,

I have tried using ID's. Seems to make no difference, the navigation
will still not work :-( I believe I may have the anchors slightly
wrong, but cannot work out what is wrong with them.

With regards to your second point about using a valid ID? I do not
understand, I don't see anything wrong with the names i have used?

P

On Nov 6, 1:43 pm, "Richard D. Worth" <rdwo... (AT) gmail (DOT) com> wrote:
Two suggestions:

1. use id instead of name

2. use a valid id. See

http://www.w3.org/TR/html4/types.html#h-6.2
"
ID and NAME tokens must begin with a letter ([A-Za-z]) and may be
followed
by any number of letters, digits ([0-9]), hyphens ("-"), underscores
("_"),
colons (":"), and periods (".").
"

- Richard

On Fri, Nov 6, 2009 at 3:00 AM, mehstg1319 <meh... (AT) gmail (DOT) com> wrote:
Thanks very much

That has fixed that bug, silly mistake to make!!

The navigation still does not work however :-( i.e. if I go to
http://www.paulbraham.com/test_site/index.html#2it should open on the
second panel and if I go to
http://www.paulbraham.com/test_site/index.html#3
it should open on the third.

Any ideas what I have done wrong here?

Paul

On Nov 6, 1:42 am, "jquery.redsqu... (AT) googlemail (DOT) com"
jquery.redsqu... (AT) googlemail (DOT) com> wrote:
Your click function fail is due to the fact you hook the event up
outside of a doc ready block. You can either change it to use .live
or
move it after the accordion initialise call.

On Nov 5, 2:48 pm, mehstg1319 <meh... (AT) gmail (DOT) com> wrote:

Hi guys

I am working on the following sitehttp://
www.paulbraham.com/test_site/
and am having a few troubles with my JQuery Accordion.

Basically, I have turned on Navigation, and inserted three anchors,
#1, #2 and #3 for the three sections that exist. Now in theory, i
could go to index.html#2 and it would load with section 2 open.
This
is not happening, and I cannot work out what is wrong with my code.

Also, I have used the following code to update the hash on the
address
bar when a section is selected. This is so it is possible to
bookmark
the website with a certain section open. This is also not working.

$(".menuLink").click(function(event){
window.location.hash=this.hash;
});

If it helps, I found this tutorial, that shows it working
perfectly, I
just can't work out what is so different about mine!!


http://www.michaeljacobdavis.com/tutorials/statesavingaccordion/state.
..

Thanks in advance

Paul

I don't see any ID's or Names that don't start with a letter in my
code. :-s

P

On Nov 6, 4:50*pm, "Richard D. Worth" <rdwo... (AT) gmail (DOT) com> wrote:

ID and NAME tokens must begin with a letter ([A-Za-z])

On Fri, Nov 6, 2009 at 11:39 AM, mehstg1319 <meh... (AT) gmail (DOT) com> wrote:
Richard,

I have tried using ID's. Seems to make no difference, the navigation
will still not work :-( I believe I may have the anchors slightly
wrong, but cannot work out what is wrong with them.

With regards to your second point about using a valid ID? I do not
understand, I don't see anything wrong with the names i have used?

P

On Nov 6, 1:43 pm, "Richard D. Worth" <rdwo... (AT) gmail (DOT) com> wrote:
Two suggestions:

1. use id instead of name

2. use a valid id. See

http://www.w3.org/TR/html4/types.html#h-6.2
"
ID and NAME tokens must begin with a letter ([A-Za-z]) and may be
followed
by any number of letters, digits ([0-9]), hyphens ("-"), underscores
("_"),
colons (":"), and periods (".").
"

- Richard

On Fri, Nov 6, 2009 at 3:00 AM, mehstg1319 <meh... (AT) gmail (DOT) com> wrote:
Thanks very much

That has fixed that bug, silly mistake to make!!

The navigation still does not work however :-( *i.e. if I go to
http://www.paulbraham.com/test_site/index.html#2itshould open on the
second panel and if I go to
http://www.paulbraham.com/test_site/index.html#3
it should open on the third.

Any ideas what I have done wrong here?

Paul

On Nov 6, 1:42 am, "jquery.redsqu... (AT) googlemail (DOT) com"
jquery.redsqu... (AT) googlemail (DOT) com> wrote:
Your click function fail is due to the fact you hook the event up
outside of a doc ready block. You can either change it to use .live
or
move it after the accordion initialise call.

On Nov 5, 2:48 pm, mehstg1319 <meh... (AT) gmail (DOT) com> wrote:

Hi guys

I am working on the following sitehttp://
www.paulbraham.com/test_site/
and am having a few troubles with my JQuery Accordion.

Basically, I have turned on Navigation, and inserted three anchors,
#1, #2 and #3 for the three sections that exist. Now in theory, i
could go to index.html#2 and it would load with section 2 open.
This
is not happening, and I cannot work out what is wrong with my code.

Also, I have used the following code to update the hash on the
address
bar when a section is selected. This is so it is possible to
bookmark
the website with a certain section open. This is also not working.

$(".menuLink").click(function(event){
* * * * * * * * * window.location.hash=this..hash;
* * * * *});

If it helps, I found this tutorial, that shows it working
perfectly, I
just can't work out what is so different about mine!!

http://www.michaeljacobdavis.com/tutorials/statesavingaccordion/state.
..

Thanks in advance

Paul

<h3><a name="1" class="menuLink" href="#1" tabindex="-1">Home</a></h3>
....
<h3><a name="2" class="menuLink" href="#2" tabindex="-1">About</a></h3>
....
<h3><a name="3" class="menuLink" href="#3" tabindex="-1">Portfolio</a></h3>

- Richard

On Fri, Nov 6, 2009 at 11:55 AM, mehstg1319 <mehstg (AT) gmail (DOT) com> wrote:

I don't see any ID's or Names that don't start with a letter in my
code. :-s

P

On Nov 6, 4:50 pm, "Richard D. Worth" <rdwo... (AT) gmail (DOT) com> wrote:
ID and NAME tokens must begin with a letter ([A-Za-z])

On Fri, Nov 6, 2009 at 11:39 AM, mehstg1319 <meh... (AT) gmail (DOT) com> wrote:
Richard,

I have tried using ID's. Seems to make no difference, the navigation
will still not work :-( I believe I may have the anchors slightly
wrong, but cannot work out what is wrong with them.

With regards to your second point about using a valid ID? I do not
understand, I don't see anything wrong with the names i have used?

P

On Nov 6, 1:43 pm, "Richard D. Worth" <rdwo... (AT) gmail (DOT) com> wrote:
Two suggestions:

1. use id instead of name

2. use a valid id. See

http://www.w3.org/TR/html4/types.html#h-6.2
"
ID and NAME tokens must begin with a letter ([A-Za-z]) and may be
followed
by any number of letters, digits ([0-9]), hyphens ("-"), underscores
("_"),
colons (":"), and periods (".").
"

- Richard

On Fri, Nov 6, 2009 at 3:00 AM, mehstg1319 <meh... (AT) gmail (DOT) com> wrote:
Thanks very much

That has fixed that bug, silly mistake to make!!

The navigation still does not work however :-( i.e. if I go to
http://www.paulbraham.com/test_site/index.html#2itshould open on
the
second panel and if I go to
http://www.paulbraham.com/test_site/index.html#3
it should open on the third.

Any ideas what I have done wrong here?

Paul

On Nov 6, 1:42 am, "jquery.redsqu... (AT) googlemail (DOT) com"
jquery.redsqu... (AT) googlemail (DOT) com> wrote:
Your click function fail is due to the fact you hook the event up
outside of a doc ready block. You can either change it to use
.live
or
move it after the accordion initialise call.

On Nov 5, 2:48 pm, mehstg1319 <meh... (AT) gmail (DOT) com> wrote:

Hi guys

I am working on the following sitehttp://
www.paulbraham.com/test_site/
and am having a few troubles with my JQuery Accordion.

Basically, I have turned on Navigation, and inserted three
anchors,
#1, #2 and #3 for the three sections that exist. Now in theory,
i
could go to index.html#2 and it would load with section 2 open.
This
is not happening, and I cannot work out what is wrong with my
code.

Also, I have used the following code to update the hash on the
address
bar when a section is selected. This is so it is possible to
bookmark
the website with a certain section open. This is also not
working.

$(".menuLink").click(function(event){
window.location.hash=this.hash;
});

If it helps, I found this tutorial, that shows it working
perfectly, I
just can't work out what is so different about mine!!

http://www.michaeljacobdavis.com/tutorials/statesavingaccordion/state.
..

Thanks in advance

Paul

Cheers Richard

Sometimes you can look at your own code so much you miss things that
are staring you in the face!

Still can't get the nav going, but it's food for thought anyway!

P

On Nov 6, 5:15*pm, "Richard D. Worth" <rdwo... (AT) gmail (DOT) com> wrote:

h3><a name="1" class="menuLink" href="#1" tabindex="-1">Home</a></h3
...
h3><a name="2" class="menuLink" href="#2" tabindex="-1">About</a></h3
...
h3><a name="3" class="menuLink" href="#3" tabindex="-1">Portfolio</a></h3

- Richard

On Fri, Nov 6, 2009 at 11:55 AM, mehstg1319 <meh... (AT) gmail (DOT) com> wrote:
I don't see any ID's or Names that don't start with a letter in my
code. :-s

P

On Nov 6, 4:50 pm, "Richard D. Worth" <rdwo... (AT) gmail (DOT) com> wrote:
ID and NAME tokens must begin with a letter ([A-Za-z])

On Fri, Nov 6, 2009 at 11:39 AM, mehstg1319 <meh... (AT) gmail (DOT) com> wrote:
Richard,

I have tried using ID's. Seems to make no difference, the navigation
will still not work :-( I believe I may have the anchors slightly
wrong, but cannot work out what is wrong with them.

With regards to your second point about using a valid ID? I do not
understand, I don't see anything wrong with the names i have used?

P

On Nov 6, 1:43 pm, "Richard D. Worth" <rdwo... (AT) gmail (DOT) com> wrote:
Two suggestions:

1. use id instead of name

2. use a valid id. See

http://www.w3.org/TR/html4/types.html#h-6.2
"
ID and NAME tokens must begin with a letter ([A-Za-z]) and may be
followed
by any number of letters, digits ([0-9]), hyphens ("-"), underscores
("_"),
colons (":"), and periods (".").
"

- Richard

On Fri, Nov 6, 2009 at 3:00 AM, mehstg1319 <meh... (AT) gmail (DOT) com> wrote:
Thanks very much

That has fixed that bug, silly mistake to make!!

The navigation still does not work however :-( *i.e. if I go to
http://www.paulbraham.com/test_site/index.html#2itshouldopen on
the
second panel and if I go to
http://www.paulbraham.com/test_site/index.html#3
it should open on the third.

Any ideas what I have done wrong here?

Paul

On Nov 6, 1:42 am, "jquery.redsqu... (AT) googlemail (DOT) com"
jquery.redsqu... (AT) googlemail (DOT) com> wrote:
Your click function fail is due to the fact you hook the event up
outside of a doc ready block. You can either change it to use
.live
or
move it after the accordion initialise call.

On Nov 5, 2:48 pm, mehstg1319 <meh... (AT) gmail (DOT) com> wrote:

Hi guys

I am working on the following sitehttp://
www.paulbraham.com/test_site/
and am having a few troubles with my JQuery Accordion.

Basically, I have turned on Navigation, and inserted three
anchors,
#1, #2 and #3 for the three sections that exist. Now in theory,
i
could go to index.html#2 and it would load with section 2 open.
This
is not happening, and I cannot work out what is wrong with my
code.

Also, I have used the following code to update the hash on the
address
bar when a section is selected. This is so it is possible to
bookmark
the website with a certain section open. This is also not
working.

$(".menuLink").click(function(event){
* * * * * * * * * window.location.hash=this.hash;
* * * * *});

If it helps, I found this tutorial, that shows it working
perfectly, I
just can't work out what is so different about mine!!

http://www.michaeljacobdavis.com/tutorials/statesavingaccordion/state.
..

Thanks in advance

Paul

Right, All out of ideas now. :-(

Have changed the 1,2,3 etc to valid tokens and changed the NAME to ID.
But still no luck.

I sense I must be very close, but cannot work out why it does not
work.

Paul

On Nov 6, 5:15*pm, "Richard D. Worth" <rdwo... (AT) gmail (DOT) com> wrote:

h3><a name="1" class="menuLink" href="#1" tabindex="-1">Home</a></h3
...
h3><a name="2" class="menuLink" href="#2" tabindex="-1">About</a></h3
...
h3><a name="3" class="menuLink" href="#3" tabindex="-1">Portfolio</a></h3

- Richard

On Fri, Nov 6, 2009 at 11:55 AM, mehstg1319 <meh... (AT) gmail (DOT) com> wrote:
I don't see any ID's or Names that don't start with a letter in my
code. :-s

P

On Nov 6, 4:50 pm, "Richard D. Worth" <rdwo... (AT) gmail (DOT) com> wrote:
ID and NAME tokens must begin with a letter ([A-Za-z])

On Fri, Nov 6, 2009 at 11:39 AM, mehstg1319 <meh... (AT) gmail (DOT) com> wrote:
Richard,

I have tried using ID's. Seems to make no difference, the navigation
will still not work :-( I believe I may have the anchors slightly
wrong, but cannot work out what is wrong with them.

With regards to your second point about using a valid ID? I do not
understand, I don't see anything wrong with the names i have used?

P

On Nov 6, 1:43 pm, "Richard D. Worth" <rdwo... (AT) gmail (DOT) com> wrote:
Two suggestions:

1. use id instead of name

2. use a valid id. See

http://www.w3.org/TR/html4/types.html#h-6.2
"
ID and NAME tokens must begin with a letter ([A-Za-z]) and may be
followed
by any number of letters, digits ([0-9]), hyphens ("-"), underscores
("_"),
colons (":"), and periods (".").
"

- Richard

On Fri, Nov 6, 2009 at 3:00 AM, mehstg1319 <meh... (AT) gmail (DOT) com> wrote:
Thanks very much

That has fixed that bug, silly mistake to make!!

The navigation still does not work however :-( *i.e. if I go to
http://www.paulbraham.com/test_site/index.html#2itshouldopen on
the
second panel and if I go to
http://www.paulbraham.com/test_site/index.html#3
it should open on the third.

Any ideas what I have done wrong here?

Paul

On Nov 6, 1:42 am, "jquery.redsqu... (AT) googlemail (DOT) com"
jquery.redsqu... (AT) googlemail (DOT) com> wrote:
Your click function fail is due to the fact you hook the event up
outside of a doc ready block. You can either change it to use
.live
or
move it after the accordion initialise call.

On Nov 5, 2:48 pm, mehstg1319 <meh... (AT) gmail (DOT) com> wrote:

Hi guys

I am working on the following sitehttp://
www.paulbraham.com/test_site/
and am having a few troubles with my JQuery Accordion.

Basically, I have turned on Navigation, and inserted three
anchors,
#1, #2 and #3 for the three sections that exist. Now in theory,
i
could go to index.html#2 and it would load with section 2 open.
This
is not happening, and I cannot work out what is wrong with my
code.

Also, I have used the following code to update the hash on the
address
bar when a section is selected. This is so it is possible to
bookmark
the website with a certain section open. This is also not
working.

$(".menuLink").click(function(event){
* * * * * * * * * window.location.hash=this.hash;
* * * * *});

If it helps, I found this tutorial, that shows it working
perfectly, I
just can't work out what is so different about mine!!

http://www.michaeljacobdavis.com/tutorials/statesavingaccordion/state.
..

Thanks in advance

Paul