Variable in JS for-loop taking the max value

You should reference your element with $(this) in the click callback. Here, i will be equal to the last value of i.

    $('.views-row-'+ i + ' .faq_more').click(function(){
        $(this).slideToggle();
    });

I think you are approaching the problem incorrectly. It isn't a good idea to bind lots of event handlers in a loop. You are much better off doing something like this:

$('.faq_answer').hide();

$('.faq_more').click(function(){
    $(this).parent().find('.faq_answer').slideToggle();
});

I'm assuming that your html is something like:

<div class="views-row-1">
    <a href="#" class="faq_more"></a>
    <div class="faq_answer"></div>
</div>

In Javascript, variable has function-level scope. The interpreter will move every variable definition to the top of your function (hoisting) to make a reference to the variable available everywhere within such scope. Thus, inner function can access variable from outer function (closure). One gotcha here for everyone accustomed to block-level scope is that this mechanism includes binding loop counters to inner functions, which is an example of the case when inner functions has longer lifespan then outer ones.

In your case, therefore, when the callback get called, the selector will get a reference to your loop counter i with the value of 6, i.e. it is bound to i not the value of i at binding time.

So you just need to pass the value of outer function's variable to the inner function instead of passing a reference:

$('.views-row-'+ i + ' .faq_more').click(
    // pass value of i into the handler, not i itself
    function(i){
         // return the result of invoking the handler 
         // so that we can apply the current value of i to this result
         // and bind the whole closure as a handler to the click event
         return function(e) {
             $('.views-row-'+ i + ' .faq_answer').slideToggle();
         } 
    }(i)

);

Instead of the variable i it is probably best to find another way of matching elements

for ( var i = 1 ; i <= 5; i++ ) {

    // faq_more elements have id 'more' + i
    // faq_more elements contain class faq_more
    // faq_answer elements have id 'answer' + i
    // faq_answer elements contain class faq_answer

    $( ".faq_more" ).hide();

    $( ".faq_more" ).click( function(){

        var id = $( this ).attr( "id" ).replace( "more", "answer" );
        $( "#" + id ).slideToggle();

    });
}