0

ウェブサイトのテストはこちら: http://pomonabeta.comeze.com/

ユーザーがオプションとして要求したスライドショーがあります。スライドショーを非表示または表示するボタンがあります。コードは次のとおりです。

    //hiding and showing the slideshow
$('#show_hide_button').click(function(){
    $('.fluid_container').slideToggle();
    $('#show_hide_button').toggle(
    function(){
    $('#show_hide_button').text("Show the slideshow");
    },
    function(){
    $('#show_hide_button').text("Hide the slideshow");
    });

});

(document).ready が実装されています

スライドショーの非表示と表示が正常に行われます。問題: テキストが「スライドショーを表示」に変わり、その状態のままになります。トグルが正常に動作していないようです。私のコーディングでエラーを見つけることができますか?

4

2 に答える 2

3 
    //hiding and showing the slideshow
$('#show_hide_button').click(function(){
    $('.fluid_container').slideToggle();

//this will set the text to whichever it is not already
    $('#show_hide_button').text(function (index, text) {
        return (text == "Show the slideshow" ? "Hide the slideshow" : "Show the slideshow");
    });
});
于 2013-05-23T14:43:04.213 に答える
1

私は提案します ：

$('#show_hide_button').click(function(){
    $this = $(this);
    $('.fluid_container').slideToggle();

    if($this.hasClass('showed')){
      $('#show_hide_button').text('Hide..');
      $this.removeClass('showed');
     }
    else {
      $('#show_hide_button').text('show..');
      $this.addClass('showed');        
    }
});
于 2013-05-23T14:55:02.623 に答える