使用多個div顯示div onClick

我想用html中的onClick事件調用此函數，因爲我不是專家，我需要一些幫助。使用多個div顯示div onClick

現在我有這樣的：

<script type="text/javascript"> 
$(document).ready(function(){ 
    $(".slidingDiv").hide(); 
    $(".show_hide").show(); 
    $('.show_hide').click(function(){ 
     $(".slidingDiv").slideToggle(); 
    }); 
}); 
</script>

HTML

<a href="#" class="show_hide">Map</a> 
<div class="slidingDiv">'; 
<strong> Content </strong> 
<a href="#" class="show_hide">hide</a>

如何觸發與HTML中「的onClick」事件上面的腳本？

感謝

來源

2013-09-28 user2635574

'onclick'在HTML？你的意思是在主體/頁面的任何地方點擊一下？ – Harry

HTML：

<a href="#" class="toggle-next-div">Click me</a> 
<div class="slidingDiv">Content here</div> 

<a href="#" class="toggle-next-div">Click me</a> 
<div class="slidingDiv">Content here</div>

的jQuery：

<script type="text/javascript"> 
$(document).ready(function(){ 
    $(".slidingDiv").hide(); 
    $('.toggle-next-div').click(function(){ 
     $(this).next().slideToggle(); 
    }); 
}); 
</script>

小提琴： http://jsfiddle.net/CjsAN/

來源

2013-09-28 13:03:41 rybo111

非常好，謝謝 – user2635574

您無需在HTML頁面onclick附加它，因爲你已經在JS代碼使用點擊事件處理。

$(document).ready(function() { 
    $('.show_hide').click(function() { 
     $(".slidingDiv").slideToggle(); 
    }); 
});

PS：不要忘記添加jQuery庫中的HTML頁面。

看到它在JSFiddle

來源

2013-09-28 12:13:38 Praveen

我的問題是，我有相同的類（PHP生成的代碼）的多個div，如果我點擊任何單個鏈接，它顯示所有的DIV與相同的類。這就是爲什麼我需要一個函數來通過html中的onClick事件觸發。 – user2635574

使用多個div顯示div onClick

回答

相關問題