I have an unordered list with an id of “switchers”. The li’s act as anchors to toggle the content within a separate “state_info” div (swaps divs of content with the “state_info” div..the visible content div has a class of “active”). I’m not sure if it matters but it’s worth noting that the “switchers” ul is nested in a div, with an id of “map”, which is at the same level of hierarchy as the “state_info” div, so “switchers” and “state_laws” are not at the same parental level...if you understand what I’m trying to say :)
To better explain (in case there is a better solution), the page is meant to display state laws per state via a map. The li’s of “switchers” are positioned absolutely over the states of the map. When the user clicks the state, the individual state’s laws appear in a box below the map. here is the full page of code: https://gist.github.com/3019523 (don't critiquing the mark-up, unless there is something detrimental to the functionality...I know that there is some scripting I could do to eliminate redundant code)
I’m not sure what about the code above doesn’t work with IE. Please help. Thanks in advance! -Steph M
> I have an unordered list with an id of “switchers”. The li’s act as > anchors to toggle the content within a separate “state_info” div (swaps > divs of content with the “state_info” div..the visible content div has a > class of “active”). I’m not sure if it matters but it’s worth noting that > the “switchers” ul is nested in a div, with an id of “map”, which is at the > same level of hierarchy as the “state_info” div, so “switchers” and > “state_laws” are not at the same parental level...if you understand what > I’m trying to say :)
> To better explain (in case there is a better solution), the page is meant > to display state laws per state via a map. The li’s of “switchers” are > positioned absolutely over the states of the map. When the user clicks the > state, the individual state’s laws appear in a box below the map. here is > the full page of code: https://gist.github.com/3019523 (don't critiquing > the mark-up, unless there is something detrimental to the functionality...I > know that there is some scripting I could do to eliminate redundant code)
> I’m not sure what about the code above doesn’t work with IE. Please help. > Thanks in advance! > -Steph M
> I have an unordered list with an id of “switchers”. The li’s act as anchors to toggle the content within a separate “state_info” div (swaps divs of content with the “state_info” div..the visible content div has a class of “active”). I’m not sure if it matters but it’s worth noting that the “switchers” ul is nested in a div, with an id of “map”, which is at the same level of hierarchy as the “state_info” div, so “switchers” and “state_laws” are not at the same parental level...if you understand what I’m trying to say :)
> To better explain (in case there is a better solution), the page is meant to display state laws per state via a map. The li’s of “switchers” are positioned absolutely over the states of the map. When the user clicks the state, the individual state’s laws appear in a box below the map. here is the full page of code: https://gist.github.com/3019523 (don't critiquing the mark-up, unless there is something detrimental to the functionality...I know that there is some scripting I could do to eliminate redundant code)
> I’m not sure what about the code above doesn’t work with IE. Please help. Thanks in advance! > -Steph M
> You received this message because you are subscribed to the Google Groups "Refresh Austin" group.
> [ Posting ]
> To post to this group, send email to Refresh-Austin@googlegroups.com
> Job-related postings should follow http://tr.im/refreshaustinjobspolicy > We do not accept job posts from recruiters.
> [ Unsubscribe ]
> To unsubscribe from this group, send email to Refresh-Austin+unsubscribe@googlegroups.com
> I have an unordered list with an id of “switchers”. The li’s act as anchors to toggle the content within a separate “state_info” div (swaps divs of content with the “state_info” div..the visible content div has a class of “active”). I’m not sure if it matters but it’s worth noting that the “switchers” ul is nested in a div, with an id of “map”, which is at the same level of hierarchy as the “state_info” div, so “switchers” and “state_laws” are not at the same parental level...if you understand what I’m trying to say :)
> To better explain (in case there is a better solution), the page is meant to display state laws per state via a map. The li’s of “switchers” are positioned absolutely over the states of the map. When the user clicks the state, the individual state’s laws appear in a box below the map. here is the full page of code: https://gist.github.com/3019523 (don't critiquing the mark-up, unless there is something detrimental to the functionality...I know that there is some scripting I could do to eliminate redundant code)
> I’m not sure what about the code above doesn’t work with IE. Please help. Thanks in advance! > -Steph M
> You received this message because you are subscribed to the Google Groups "Refresh Austin" group.
> [ Posting ]
> To post to this group, send email to Refresh-Austin@googlegroups.com
> Job-related postings should follow http://tr.im/refreshaustinjobspolicy > We do not accept job posts from recruiters.
> [ Unsubscribe ]
> To unsubscribe from this group, send email to Refresh-Austin+unsubscribe@googlegroups.com
> I have an unordered list with an id of “switchers”. The li’s act as
> anchors to toggle the content within a separate “state_info” div (swaps
> divs of content with the “state_info” div..the visible content div has a
> class of “active”). I’m not sure if it matters but it’s worth noting that
> the “switchers” ul is nested in a div, with an id of “map”, which is at the
> same level of hierarchy as the “state_info” div, so “switchers” and
> “state_laws” are not at the same parental level...if you understand what
> I’m trying to say :)
> To better explain (in case there is a better solution), the page is meant
> to display state laws per state via a map. The li’s of “switchers” are
> positioned absolutely over the states of the map. When the user clicks the
> state, the individual state’s laws appear in a box below the map. here is
> the full page of code: https://gist.github.com/3019523 (don't critiquing
> the mark-up, unless there is something detrimental to the functionality...I
> know that there is some scripting I could do to eliminate redundant code)
> I’m not sure what about the code above doesn’t work with IE. Please help.
> Thanks in advance!
> -Steph M
> You received this message because you are subscribed to the Google Groups
> "Refresh Austin" group.
> [ Posting ]
> To post to this group, send email to Refresh-Austin@googlegroups.com
> Job-related postings should follow http://tr.im/refreshaustinjobspolicy > We do not accept job posts from recruiters.
> [ Unsubscribe ]
> To unsubscribe from this group, send email to
> Refresh-Austin+unsubscribe@googlegroups.com
> You received this message because you are subscribed to the Google Groups
> "Refresh Austin" group.
> [ Posting ]
> To post to this group, send email to Refresh-Austin@googlegroups.com
> Job-related postings should follow http://tr.im/refreshaustinjobspolicy > We do not accept job posts from recruiters.
> [ Unsubscribe ]
> To unsubscribe from this group, send email to
> Refresh-Austin+unsubscribe@googlegroups.com
I see where you are going with this and I like it, however when I tried to
apply it to my code it didn’t work. Can you please send the full script with
what you intended? I’m not the jquery master I wish I were, first of all,
and my brain is fried due to stress and lack of sleep.
Thanks so much!
______________________________
Stephanie Meyer | graphic designer & web developer
3400 northland austin, tx 78731
t | 512 628 0096
f | 512 628 0086
>>> I have an unordered list with an id of “switchers”. The li’s act as anchors
>>> to toggle the content within a separate “state_info” div (swaps divs of
>>> content with the “state_info” div..the visible content div has a class of
>>> “active”). I’m not sure if it matters but it’s worth noting that the
>>> “switchers” ul is nested in a div, with an id of “map”, which is at the same
>>> level of hierarchy as the “state_info” div, so “switchers” and “state_laws”
>>> are not at the same parental level...if you understand what I’m trying to
>>> say :)
>>> To better explain (in case there is a better solution), the page is meant to
>>> display state laws per state via a map. The li’s of “switchers” are
>>> positioned absolutely over the states of the map. When the user clicks the
>>> state, the individual state’s laws appear in a box below the map. here is
>>> the full page of code: https://gist.github.com/3019523 (don't critiquing the
>>> mark-up, unless there is something detrimental to the functionality...I know
>>> that there is some scripting I could do to eliminate redundant code)
>>> I’m not sure what about the code above doesn’t work with IE. Please help.
>>> Thanks in advance!
>>> -Steph M
$(document).ready(function() {
$("#map > img")
.css("cursor","pointer")
.click(function() {
// Gets the id from the img and uses it to click the appropriate #switcher
> I see where you are going with this and I like it, however when I tried to
> apply it to my code it didn’t work. Can you please send the full script
> with what you intended? I’m not the jquery master I wish I were, first of
> all, and my brain is fried due to stress and lack of sleep.
> Thanks so much!
> ______________________________
> Stephanie Meyer | graphic designer & web developer
> I have an unordered list with an id of “switchers”. The li’s act as
> anchors to toggle the content within a separate “state_info” div (swaps
> divs of content with the “state_info” div..the visible content div has a
> class of “active”). I’m not sure if it matters but it’s worth noting that
> the “switchers” ul is nested in a div, with an id of “map”, which is at the
> same level of hierarchy as the “state_info” div, so “switchers” and
> “state_laws” are not at the same parental level...if you understand what
> I’m trying to say :)
> To better explain (in case there is a better solution), the page is meant
> to display state laws per state via a map. The li’s of “switchers” are
> positioned absolutely over the states of the map. When the user clicks the
> state, the individual state’s laws appear in a box below the map. here is
> the full page of code: https://gist.github.com/3019523 (don't critiquing
> the mark-up, unless there is something detrimental to the functionality...I
> know that there is some scripting I could do to eliminate redundant code)
> I’m not sure what about the code above doesn’t work with IE. Please help.
> Thanks in advance!
> -Steph M
> You received this message because you are subscribed to the Google Groups
> "Refresh Austin" group.
> [ Posting ]
> To post to this group, send email to Refresh-Austin@googlegroups.com
> Job-related postings should follow http://tr.im/refreshaustinjobspolicy > We do not accept job posts from recruiters.
> [ Unsubscribe ]
> To unsubscribe from this group, send email to
> Refresh-Austin+unsubscribe@googlegroups.com
> $(document).ready(function() {
> $("#map > img")
> .css("cursor","pointer")
> .click(function() {
> // Gets the id from the img and uses it to click the appropriate #switcher >
> li
> $("#_" + $(this).attr('id')).click();
> });
> switchers = $('#switchers > li');
> states = $('#state_info > div');
> switchers.each(function(idx) {
> $(this).data('state', states.eq(idx));
> }).click(function() {
> switchers.removeClass('active');
> states.removeClass('active');
> $(this).addClass('active');
> $(this).data('state').addClass('active');
> });
> });
> Blessings,
> Jim Bob
> On Fri, Jun 29, 2012 at 3:11 PM, Stephanie Meyer
> <sme...@envision-creative.com> wrote:
>> Hey Jim,
>> I see where you are going with this and I like it, however when I tried to
>> apply it to my code it didn’t work. Can you please send the full script with
>> what you intended? I’m not the jquery master I wish I were, first of all, and
>> my brain is fried due to stress and lack of sleep.
>> Thanks so much!
>> ______________________________
>> Stephanie Meyer | graphic designer & web developer
>>> On Fri, Jun 29, 2012 at 1:12 PM, Eric Leversen
>>> <e...@webchronicconsulting.com <http://e...@webchronicconsulting.com> >
>>> wrote:
>>>> HI, Steph:
>>>>> I have an unordered list with an id of “switchers”. The li’s act as
>>>>> anchors to toggle the content within a separate “state_info” div (swaps
>>>>> divs of content with the “state_info” div..the visible content div has a
>>>>> class of “active”). I’m not sure if it matters but it’s worth noting that
>>>>> the “switchers” ul is nested in a div, with an id of “map”, which is at
>>>>> the same level of hierarchy as the “state_info” div, so “switchers” and
>>>>> “state_laws” are not at the same parental level...if you understand what
>>>>> I’m trying to say :)
>>>>> To better explain (in case there is a better solution), the page is meant
>>>>> to display state laws per state via a map. The li’s of “switchers” are
>>>>> positioned absolutely over the states of the map. When the user clicks the
>>>>> state, the individual state’s laws appear in a box below the map. here is
>>>>> the full page of code: https://gist.github.com/3019523 (don't critiquing
>>>>> the mark-up, unless there is something detrimental to the
>>>>> functionality...I know that there is some scripting I could do to
>>>>> eliminate redundant code)
>>>>> I’m not sure what about the code above doesn’t work with IE. Please help.
>>>>> Thanks in advance!
>>>>> -Steph M
