jquery toggle did not work properly...

Question

function advanced_search()
{

$("#advanced_link").toggle( 
function(){
$('#advanced_link').text('Hide - Advanced Search');
$('.advanced_search').show();
},
function(){
$('#advanced_link').text('Show - Advanced Search');
$('.advanced_search').hide();

});
}

this code worked for me..but when i tried to use the css property like

function advanced_search()
{

$("#advanced_link").toggle( 
function(){
$('#advanced_link').text('Hide - Advanced Search');
$('.advanced_search').css('display','inline');
},
function(){
$('#advanced_link').text('Show - Advanced Search');
$('.advanced_search').css('display','none');

});
}

it did not work...is there any thing wrong in second code...??

Answer 1

Shot in the dark

Instead of inline, use block

$('.advanced_search').css('display','block');