Hacker
Hacker

Reputation: 7896

jquery toggle did not work properly

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...??

Upvotes: 0

Views: 93

Answers (1)

Mike Robinson
Mike Robinson

Reputation: 25159

Shot in the dark

Instead of inline, use block

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

Upvotes: 3

Related Questions