JQuery изменить текст при нажатии «показать» или «скрыть»

Question

В этом скрипте, когда нажата ссылка «Показать», и отображается изображение предварительного просмотра, текст ссылки должен измениться на «Скрыть». Он работает только после третьего нажатия.

<span id='previewLinks'><br/><a id='showPreview' title='".get_option('my_theme')."'>Show</a> 

$('#showPreview').click 
(
    function(e) 
    { 
    var myImage = $('#my_theme :selected').val(); 
    $('#largePreview').slideToggle(0, function() { 
     $('#showPreview').text($(this).is(':visible') ? 'Hide' : 'Show'); 
    }); 
    $('#largePreview').attr('src', '<?php echo get_bloginfo('template_directory') ?>/styles/'+myImage+'/screenshot-help.jpg'); 
    } 
); 

Answer 1

вы можете попробовать это:

$('#showPreview').click(
    function(e) { 
    var myImage = $('#my_theme :selected').val(); 
    $('#largePreview').slideToggle(0, function() { 
     $('#showPreview').text($(this).is(':visible') ? 'Hide' : 'Show'); 
    }); 
    $('#largePreview').attr('src', '<?php echo get_bloginfo('template_directory') ?>/styles/'+myImage+'/screenshot-help.jpg'); 
    }).click(); 

Answer 2

Причина, по которой не работает изначально, потому что #largePreview должен иметь дисплей состояние противоположное от того, что вы берете на себя. Это изменение может исправить. Обратите внимание на !

$('#showPreview').text(!$(this).is(':visible') ? 'Hide' : 'Show'); 

Или вы, возможно, потребуется изменить CSS для #largePreview.

Answer 3

просто выяснить, что вы сделали не так:

See example here.
1. Использование

$(document).ready(function(){ 
}); 

2. <a href="javascript:;"> TEXT </a> will give you a right anchor
Надежда это помогает! Благодаря Джаспере Слишком.