0
<div id="sidebar_archive_infoline_bottom"><a id="showallnews" href="#">SHOW ALL NEWS</a></div>     

<script>
$('#newsdiv').hide();
$('#showallnews').click(function () {
$('#newsdiv').slideToggle('fast');
$('#showallnews').text('CLOSE')
}); </script>

最初にクリックすると、「SHOW ALL NEWS」というテキストが「CLOSE」に変わります。今、「CLOSE」から「SHOW ALL NEWS」などに変更する方法が必要です...

よろしくお願いします!

4

3 に答える 3

2
<script>
    $('#newsdiv').hide();
    $('#showallnews').click(function() {
    $('#newsdiv').slideToggle('fast', function() {
        $('#showallnews').text().toLowerCase().indexOf('close') != -1 ? $('#showallnews').text('SHOW ALL NEWS') : $('#showallnews').text('CLOSE');
    });
});​
</script> 

デモ

于 2012-05-23T12:52:54.377 に答える
0

これを試して

<script>
...
 $("#showallnews").toggle(function (){
            $("#showallnews").text("SHOW ALL NEWS")
            .stop();
        }, function(){

            $("#showallnews").text("CLOSE")
            .stop();
        });
</script>
于 2012-05-23T13:08:04.280 に答える
0
$('#showallnews').click(function () {
$('#newsdiv').slideToggle('fast');
$('#showallnews').addClass("closed");
$('#showallnews').text('CLOSE')
});

$('.closed').click(function(){
$('#newsdiv').slideToggle('fast');
$('#showallnews').removeClass("closed");
$('#showallnews').text('Show all news')

})

最善の方法ではありませんが、これで可能です。

于 2012-05-23T12:51:56.967 に答える