Question

its working on all browsers except IE. I am loading the page within a div by current li value.

<ul>    
<li>HOME</li>
<li>GALLARY</li>
<li>FAQ</li>
<li>CONTACT</li>
</ul>

<div class="result"></div>

$('.result').load( $(this).text() + '.html') is not working in IE.


$('ul li').click( function (){
    $('ul li').css({background: "#333", color: "white"});
    $(this).css({background: "red", color: "white"});       
    var dataShow = $(this).text();
    $('.result').load( dataShow + '.html');
    return false;
});

Answer 1

I got a solution for IE. see below what i have done. I dont know if its a right way of doing it but it worked for me.

    $('ul li').click( function (){
    $('ul li').css({background: "#333", color: "white"});
    $(this).css({background: "red", color: "white"});       
    var url = $.trim($(this).html()) + '.html';
    $('.result').load(url);
    return false;
});