jQuery和CSS兩個元素點擊一次

Question

這可能是不可能的，但我會問反正：

我得到的圖像滑塊插件從http://www.gmarwaha.com/jquery/jcarousellite/index.php 但我想上一個和下一個按鈕是不可見的，underlayed在第一和第三圖像下。點擊圖片放大另一個div時，我想要點擊圖片後面的按鈕。代碼：

<div style="width: 300px; position: relative;"> 
    <button class="prev" style="height: 100px; width: 100px; position: absolute; left: 0;"></button> 
    <button class="next" style="height: 100px; width: 100px; position: absolute; right: 0;"></button> 
    <div class="slide"> 
     <ul> 
      <li><img src="http://mario.nintendo.com/img/mario_logo.png" class="thumbprofilpic" style="height: 100px; width: 100px;" onclick="picid(this)"/></li> 
      <li><img src="http://mario.nintendo.com/img/mario_logo.png" style="height: 100px; width: 100px" onclick="picid(this)"/></li> 
      <li><img src="http://mario.nintendo.com/img/mario_logo.png" class="thumbprofilpic" style="height: 100px; width: 100px" onclick="picid(this)"/></li> 
      <li><img src="http://mario.nintendo.com/img/mario_logo.png" class="thumbprofilpic" style="height: 100px; width: 100px" onclick="picid(this)"/></li> 
      <li><img src="http://mario.nintendo.com/img/mario_logo.png" class="thumbprofilpic" style="height: 100px; width: 100px" onclick="picid(this)"/></li> 
     </ul> 
    </div> 
</div> 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script type="text/javascript" src="js/jquery.jcarousellite.min.js"></script> 

<script language="javascript" type="text/javascript"> 
$(function() { 
    $(".slide").jCarouselLite({ 
    btnNext: ".next", 
    btnPrev: ".prev", 
    circular: false 
    }); 
}); 

function picid(z){ 
    var selected = '<img src="' + $(z).attr('src') + '" style="width: 300px">'; 
    $("#showfullsize").html(selected); 
} 
</script> 

<div id="showfullsize"></div> 

任何想法我怎麼能做到這一點？ -

Answer 1

在快速回複方法，你可以從例如內點擊觸發任何點擊：

$('#element1').on('click',function(e) { 
    $('#element2').trigger('click'); 
}); 

$('#element2').click(function(e) { 
    alert('i was triggered'); 
}); 

Answer 2

當然，你可以在飛行中觸發一個click事件

function picid(z) { 
    var selected = '<img src="' + $(z).attr('src') + '" style="width: 300px">'; 
    $("#showfullsize").html(selected); 

    // whatever the selectors are for your prev/next buttons 
    $('.prev, .next', '#plugin-container').click(); 
} 

雖然我很好奇這是什麼樣的使用情況...