show hide div在收音机检查时不起作用

时间:2015-07-17 12:49:14

标签: jquery hide show radio checked

任何想法为什么它在小提琴中完美运作: http://jsfiddle.net/Qac6J/1/

如果你在例如notepad ++

中尝试,那么

并不起作用

我添加头部,身体等,但它仍然无法正常工作

提前感谢您的帮助 卢卡斯

<!DOCTYPE HTML>
<html>
<head>

<script src="jquery-1.11.3.min.js"></script>

<script>

$('.trigger').click(function() {
    $('.content').hide();
    $('.' + $(this).data('rel')).show();
});

</script>

<style>

.content {
display: none;
}

</style>

</head>

<body>
<form id="group">
<label>
    <input type="radio" name="group1" class="sim-micro-btn trigger" data-rel="sim-micro-desktop" />
</label>
<label>
    <input type="radio" name="group1" class="sim-mini-btn trigger" data-rel="sim-mini-desktop" />
</label>
<label>
    <input type="radio" name="group1" class="sim-maxi-btn trigger" data-rel="sim-maxi-desktop" />
</label>
<label>
    <input type="radio" name="group1" class="sim-mega-btn trigger" data-rel="sim-mega-desktop" />
</label>
</form>
<div class="billpay-internet-add-ons">
<div class="sim-micro-desktop content">sim-micro</div>
<div class="sim-mini-desktop content">sim-mini</div>
<div class="sim-maxi-desktop content">sim-maxi</div>
<div class="sim-mega-desktop content">sim-mega</div>
</div>
</body>
</html>

0 个答案:

没有答案