0

クラス「btn btn-default」のボタンと「btn-group group dropdown」内のリンクを選択し、jQuery を使用してフェード効果を追加するにはどうすればよいですか?

<body class="wg">
        <div class="container">
            <div class="header">
                <h1 class="banner-font">Header</h1>
            </div>
            <div class="btn-group button-banner">
                <button type="button" class="btn btn-default" onclick="getSummary(1)"
                >Home</button>
                <button type="button" class="btn btn-default" onclick="getSummary(5)">Contact Us</button>                   
                <div class="btn-group group dropdown">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Tentang Kami <span class="caret"></span></button>

                    <ul class="dropdown-menu" role="menu">
                    <li><a href="#" onclick="getSummary(2)">Sejarah</a></li>
                    <li><a href="#" onclick="getSummary(3)">Visi Misi</a></li>
                    <li><a href="#" onclick="getSummary(4)">Program Studi</a></li>
                </ul>
                </div>
            </div>
            <div id="isi">
                    <!-- ini isi nya -->
            </div>
            <footer>
                <b>
                    &copy; 2013 Kurnia Fredy Wijaya & Luki Ramadon <br>
                    Fakultas Teknik Universitas Pancasila
                </b>
            </footer>
        </div>
    </body>
4

2 に答える 2

0

これがあなたが望むものであることを願っています.. :)

$('.btn-group.dropdown').on('click',function(){
    if($('.dropdown li').is(':visible')){
    $('.dropdown li').fadeOut(1000);   
    }else{
    $('.dropdown li').fadeIn(1000);
    }
 })

以下のフィドルをチェックしてください

http://jsfiddle.net/CsXfP/

ノート：

古いバージョンの jQuery を使用している場合は、on(delegate推奨) またはlive

于 2013-10-15T05:30:05.180 に答える
0

これはあなたが求めているものですか？ 

$(document).ready(function() { 
    $('.btn-default').fadeIn(1000);
    $('.btn-group').fadeIn(1000);
});
于 2013-10-15T05:22:49.760 に答える