文章/答案/技术大牛

发布

社区首页 >问答首页 >this.nextSibling in function.js

问this.nextSibling in function.js
EN

Stack Overflow用户

提问于 2014-03-04 17:08:19

回答 1查看 717关注 0票数 0

我在我的html页面中使用了这个代码。单击图像"photo_medias“时，图像消失，视频iframe显示。它工作得很好，但是我想用这段代码创建一个jQuery函数。我不想让JavaScript在我的HTML中。有人能帮我吗？

<li class="mix videos">
    <div onclick="this.nextSibling.style.display='block'; this.style.display='none'">
        <img src="http://img.youtube.com/vi/<?php the_sub_field('youtube'); ?>/0.jpg" class="photo_medias" style="cursor:pointer" />
    </div>
    <div style="display:none">
        <iframe class="youtube"  src="//www.youtube.com/embed/<?php the_sub_field('youtube'); ?>" frameborder="0" allowfullscreen></iframe> 
    </div>
</li>

javascript

jquery

css

nextsibling

回答 1

Stack Overflow用户

发布于 2014-03-04 17:11:37

你能做到的

Fiddle Demo

$('.mix.videos div').click(function () {
    $(this).hide().siblings().show();
});

或

Fiddle Demo

$('.mix.videos div').click(function () {
    $(this).hide();
    next_el = $(this).next().length ? $(this).next() : $(this).closest('.mix.videos').children().first();
    next_el.show();
});

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/22178392

复制

相似问题

问this.nextSibling in function.js
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问this.nextSibling in function.jsEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问this.nextSibling in function.js
EN