jQuery Simple Collapsible Div?

Question

I am looking for the proper, simple, small code to do the following things:

• Click on Element with Class Applied to it.

• DIV.CLASS - Which expands

Answer 1

I wanted to do this with multiple divs, each with their own trigger. Building on AlienWebguy's answer above:

HTML

    
more 1...


    
1. This is the content that was hidden before, but now is... Well, visible!"


    
more 2...


    
2. This is the content that was hidden before, but now is... Well, visible!"

Javascript

$('.expand').click(function(){
    target_num = $(this).attr('id').split('-')[1];
    content_id = '#expandable-'.concat(target_num);
    $(content_id).slideToggle('fast');
});

CSS

.expand {
    font-weight: bold;
    font-style: italic;
    font-size: 12px;
    cursor: pointer;
}
.expandable {
    display:none;
}
div {
    margin: 10px;
}

https://jsfiddle.net/Q4PUw/3767/