Question

Hi how to make title and description in same page by jquery. Like this http://www.st-andrews.ac.uk/its/projects/ when click on the each project name the description will open bellow it and click another one the previous open div will close.

Answer 1

Working demo http://jsfiddle.net/tTD4D/

API used: http://api.jquery.com/slideToggle/

Or like the Zoltan mentioned : http://jqueryui.com/accordion/

This should fit your need :)

code

$(".title").click(function() {
    $this = $(this);
    $content = $this.next(".content");
    if (!$content.is(":visible")) {
        $(".content:visible").slideToggle(100);
        $content.slideToggle(500);
    }
});​