Here's a simple example based on your class names
http://jsbin.com/ayate/edit
On Dec 8, 9:40 am, Aaron Gusman <ict.aarongus...@gmail.com> wrote:
> I'd like to create my own type of accordian however I am finding
> difficulty with creating the query for selection.
>
> Say I have a div with another two divs inside - I will call this
> parent div as the SideBox.
>
> The first child div is the header and it is the one that will be
> clicked - I will call this div the SideBoxHeader as even the CSS class
> will have this name .
> The second div will contain other things and it is the one that will
> hide when the the Header is clicked - I will call this div the
> SideBoxContent .
>
> I am trying to create jquery syntax to associate code to the header
> div so that it hides the Content div when clicked the first time and
> shows it back when clicked a second time. Note that we will have more
> than one SideBox on the same page.
>
> $(".SideBox .SideBoxHeader").toggle(function () { ######## }, function
> () {######### });
>
> How will I find the .SideBoxContent sibling of the SideBoxHeader that
> was clicked??
>
> I do not know how to write a selector that works on another
> selection. In one of the toggle functions how can I find the sibling
> of the SideBoxHeader I clicked??? $(this)(???)
