0

このテキスト フィールドは大きすぎて表示できませんが、残りを表示するボタンが必要です。

<div class="span4" >
    some description..
    <div class="hidden-text" style="display:none">
        rest of description<br/>
    </div>
    <a href="#" class="btn" id="readmore"><i class="icon-chevron-up"></i> Read more</a>
    <script>
    $("#readmore").click(function(){
        $('#hidden-text').attr('style', '');
    });
    </script>
</div>

これが機能しないのはなぜですか。また、どのように行うべきですか?

編集：

デモをありがとう、残念ながら私はそれを複製することはできません

<div class="span4" >
    some description..
    <style>
    .hidden-text {
        display:none;
    }​
    </style>
    <p class="hidden-text">rest of description<br/></p>
    <br/><br/>
    <a href="#" class="btn" id="readmore"><i class="icon-chevron-down"></i> Read more</a>
    <script>
    $(document).ready(function(){
        $('.readmore').on('click', function(){
            $('.hidden-text').slideDown('slow');
            });
    });​
    </script>
</div>

デモと何が違うのかわからない…

4

2 に答える 2

2

する代わりに

$('#hidden-text').attr('style', '');

を削除するには、実行するdisplay:noneだけです

$('#hidden-text').show()

または、スライドさせたい場合は、そうすることもできます

$('#hidden-text').slideDown();

参照：

jQuery .show()
jQuery .slideDown()

デモ

于 2012-11-11T23:20:49.787 に答える
1

ページで jQuery を参照していることを確認してください。

hidden-text の ID を持つアイテムからスタイルを削除しようとしているにもかかわらず、テキストに hidden-text の CLASS があるため、コードが機能していません。あなたはこれを求めている：

<div class="span4" >
some description..
<div class="hidden-text" style="display:none">
    rest of description<br/>
</div>
<a href="#" class="btn" id="readmore"><i class="icon-chevron-up"></i> Read more</a>
<script>
$("#readmore").click(function(){
    $('.hidden-text').attr('style', '');
});
</script>
</div>

に注意してください。あなたが持っていた属性行で # そして正直なところ、ショーはより良い解決策です

$('.hidden-text').show();
于 2012-11-11T23:39:59.270 に答える