Question

如何选择“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>

Answer 1

这就是你问的问题吗？

$(document).ready(function() { 
    $('.btn-default').fadeIn(1000);
    $('.btn-group').fadeIn(1000);
});

Answer 2

希望这是你想要的伴侣.. :)

$('.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

使用jQuery选择div中的按钮

2 个答案: