Jquery打开和关闭

时间:2013-04-08 14:36:32

标签: javascript jquery html5

我想打开画廊并关闭。我尝试了很多东西,并在互联网上搜索事件,但它们不起作用..

如果有人伸出援助之手,我将不胜感激。

<script type="text/javascript">
$(document).ready(function() {
    $( '#carousel' ).elastislide( {
        minItems : 2
    });
})
</script>

<a href="#t">Open Gallery></a>
<div class="container demo-3">
    <div class="main">
        <div class="fixed-bar">
            <!-- Elastislide Carousel -->
            <ul id="carousel" class="elastislide-list">
                <li><a href="#"><img src="elastislide/small/1.jpg" alt="image01" /></a></li>
                <li><a href="#"><img src="elastislide/small/2.jpg" alt="image02" /></a></li>
                <li><a href="#"><img src="elastislide/small/3.jpg" alt="image03" /></a></li>
            </ul>
        </div>
    </div>
</div>

2 个答案:

答案 0 :(得分:1)

<a onClick="$('#carousel').toggle();">Open Gallery</a>

我不确定#t href的位置,所以我将其删除了,但添加上面的onClick事件将切换滑块的可见性。如果您想切换其他内容,请将'carousel'替换为不同的div id。

答案 1 :(得分:0)

试试这个:

$('a').click(function(){
    $('#carousel').toggle();
});

(我假设你正在使用jQuery);

<强>来源(S)

jQuery API - toggle()