How to avoid double borders on list of divs

Question

I have a list of divs which are used as a FAQ. Sometimes the divs are listed below each other, sometimes there is text between them. When they are listed below one other, I have

Answer 1

You sure can use jQuery to do this:

$('.faq').each(function(){
    if($(this).next('.faq').length > 0){
        $(this).css({borderBottom:0});   
    }
});

JSFiddle

For each .faq, if there is another .faq following, remove this bottom border.