Opening a hidden div/class when clicking a link from another page
Hey there,
I'm an newcomer to JQuery so my knowledge of events and other jquery
functions is pretty limited. I started learning jquery because I
wanted to slide down-toggle some '.classes' I had on my company's
webpage. That's done and I'm quite happy knowing it was so simple.
However, this is my dilemma:
These '.classes' I'm talking about are my company's events, properly
displayed in my "Events Page". In my Home Page I have those same
events listed but without the full content. So what I want is the
ability for people to click on let's say "Event no.2" and be directed
to the "Events Page", while the page automatically opens that specific
hidden div/class without affecting the animation I have selected.
Does this makes sense? Is there a code for this?
My code currently looks like this:
For the animation of each class I have:
Javascript:
$(document).ready(function(){
//Hide (Collapse) the toggle containers on load
$('.event_box').hide();
//Slide up and down on click
$('h2.event_title').click(function(){
$(this).next('.event_box').animate({opacity: 'toggle', height:
'toggle'}, 1000);
});
});
-----------
HTML of the classes I have hidden on the "Events Page" (I have six
links):
<h2 class="event_title"><span><a href="javascript:
();">Link</a></span></h2>
<div class="event_box">
CONTENT
</div> <!-- event_box ends -->
---------------
Any help will be appreciated. Thanks!
Sat