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(preferred) 或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 回答