javascript - PrettyPhoto 内联内容 div 隐藏显示

Question

我对 PrettyPhoto 有疑问在内联内容中有两个 div 和一个按钮。我希望当我单击按钮时，divisionImage 将隐藏，而 divisionVideo 将显示。这是代码内联内容和 div 隐藏显示功能不起作用

<div id="inline-content" class="hide" style="text-align: center;">
     <input id="btn1" type="button" name="btnCzmVideo" value="Çözüm Videosu"
      onclick="VideoGoster()" />
     <div id="divisionImage" style="text-align: center;">
     <img id="imgCozumIcerigi" src="#" />                 
     </div>
     <div id="divisionVideo" style="display: none;">
     </div>
</div>
function VideoGoster() {    
    $("#divisionImage").css('visibility', 'hidden');
    $('#divVideo').show();
}

Answer 1

问题解决了实际上 div 隐藏和显示，但你看不到在 prettyphoto 模式中，当按下右箭头时，PrettyPhoto 内容会刷新，您的 div 会被隐藏并显示您想要的内容。以编程方式将向右箭头键或向左箭头键发送到页面，问题已解决