2013-04-08 179 views
0

我想打開onclick畫廊並關閉。我試過很多東西,在互聯網事件搜索,但他們沒有工作..Jquery打開並關閉

如果有人給我的手,我將不勝感激。

<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> 
+1

看起來你使用的圖像滑塊的jQuery插件。你能指定圖書館嗎? – Sid 2013-04-08 14:37:42

+0

jquerypp.custom.js elastislide.js – user2232273 2013-04-08 14:42:12

+0

@ user2232273 - 我想SidCool的意思是提供一個鏈接到你明白我的插件,因爲不是所有插件的源可以立即知道的源 - 誰都可能會搜索爲了它。 – 2013-04-08 14:44:15

回答

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

我不知道在哪裏的#T HREF去,所以我離開了出來,但將上述onClick事件將觸發知名度的滑塊。如果您想切換其他內容,請使用不同的div ID替換'carousel'。

+0

它的作品...但不要隱藏在背景 – user2232273 2013-04-08 15:20:03

+0

嘗試改變「#carousel」到「.fixed吧」或「主要或」 .container」。 與切換一類的問題,雖然是你可能會隱藏一個以上的事情,如果你有使用頁面上的同一類多個div。一旦你找出你想隱藏哪一個,你最好在div上添加一個id。然後將'#carousel'更改爲'#divIdHere'。 – baacke 2013-04-08 15:24:27

+0

作品!!好!! !!與類固定酒吧和主...非常感謝你... – user2232273 2013-04-08 15:29:37

0

試試這個:

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

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

來源(S)

jQuery API - toggle()

+0

什麼都沒有發生:( – user2232273 2013-04-08 14:42:39

+0

再試一次 - 我犯了一個錯誤,你知道任何JavaScript? – Bill 2013-04-08 14:43:30

+0

沒有太多..即時新的javascript ..此刻的學生 – user2232273 2013-04-08 14:44:39