Accessing Hidden Unordered Lists in CodeIgniter Using CSS/JS/PHP?

(function($) { var isMobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i. Test(navigator.userAgent.toLowerCase())); if (isMobile) { $('. Event_list').hide(); // setting display:none; on all .

Event_list elements // attach click event to the elements $('. Day_listing'). Click(function() { var $eventList = $(this).

Sibling('. Event_list'); $('. Event_list').hide(); // again hide all possibly shown ones before opening the selected one $eventList.show(); // setting display:block on sibling of clicked }); } })(jQuery).

Receiving this error (JavaScript: Error undefined TypeError: 'undefined'is not a function) on this line of code var $eventList = $(this). Sibling('. Event_list'); Any thoughts?

– lrussell810 Dec 25 '11 at 17:12.

Foundation mobile. Css (there is no foundation. Css that I could find) sets display:block!

Important with the hide-on-phones class. It's possible that the ul's are not actually hidden, but are overflowing to a part of the page that isn't visible in the default viewable area (which is why they appear when resized). That aside, it's not clear what you want.

You state that it is working early in the question, then state it's not working... As always, seeing more of your code would be helpful. To hide the ul's properly, use js: document. GetElementById('ulID').style.

Display="none" you can access its' url via document. GetElementById('ulID'). Href jQuery would make some of this stuff easier; might be worth looking into.

Edit: So this is still confusing me: your ul's don't have the hide-on-phones class; is that being set by Foundation? Also, are you trying to hide the events and have them show when the day is clicked on? E.g.7 Event 1 Event 2 Event 3 Event 4 Event 5 the events are hidden by default then when you click on "7" they show?

If that is indeed what you want, an example of a jQuery solution using the existing markup generated by calendar: (as an aside, you'll probably want to use noConflict so jQuery doesn't interfere with your other libraries) function itsMobile(){ jQuery('. Event_list').hide(); jQuery('. Day_listing').

Click(function(){ jQuery(this). Next('ul').toggle(); }); } jQuery(document). Ready(function(){ if(navigator.userAgent.

Match(/Android/i) || navigator.userAgent. Match(/webOS/i) || navigator.userAgent. Match(/iPhone/i) || navigator.userAgent.

Match(/iPod/i)){ itsMobile(); } }).

Update my answer above. Cheers. – stormdrain Dec 16 '11 at 14:37 I've updated my question to make it clearer/easier to understand.

Thank you so much for the jQuery snippet! I'll test it, and I'll let you know how it turns out! – lrussell810 Dec 16 '11 at 15:09 ok, I updated the code again to add a check for mobile browsers.

If it is a mobile device, it will hide the ul's and show or hide them when date is clicked. – stormdrain Dec 16 '11 at 15:35.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.