jquery toggle

by Roman Ayapergenov

HTML

<ol class="faqlist"><a name="about">About us</a>

    <li class="faqlistitem">
        <div class="faqQuestion"><a href="#">Oliver Goddard</a>

            <br><span class="subtitle">Managing Director</span>

            <p class="faqAnswer"> <span>
                    	Since a young age I have had a fascination with technology science design and exploration. As a kid i had several projects including a water bomb bazooka, a backpack solar fridge and some other top secret ideas. i have always like to design and i would frequently get caught assembling, disassemble, reassemble electronic equipment around the house,  i built several RC toys growing up and thats all i ever wanted for every birthday and christmas for the whole time i was in secondary school.
						At college my interest in science grew and i studied biology, Chemistry and Physics later on i discovered the world of geology and added that to the college list. finally i took  up a  geology degree from the university of plymouth where i graduated with a Bachelor of Science with Honors in Applied Geology. 

						Straight out of university i gained a job as a laboratory technician taking me around the UK and europe, this was short lived as i craved "big" adventure and in 2010 I  finally landed in Australia, I got myself a job as a exploration geologist  working in the outback and Brazil.
working as a geologist aerial imagery became a necessity in places where there were no maps for guidance, current satellite data is fantastic for broadscale mapping and field excursions including sampling and drilling however the resolution to determine small outcrops gullies and rock definition was a large drawback. hours spent wondering as to what things actually were. to increase the resolution was something that we would take several months of planning and negotiations, the cost of these usually meant that we simply couldn't afford it and the projects would be set back until further funds were acquired. 
There had to...

CSS

.faqAnswer {
    display: none;
}
.faqitem {
    pointer:hand;
}
.faqQuestion > span > img {
    float: left;
    padding: 0 25px 25px 0;
}

JavaScript

$(".faqlistitem").click(function () {
    $(this).find(".faqAnswer").toggle('slow');
    $(this).find(".subtitle").toggle('slow');

});