jQuery 多个单选按钮并加载 html 代码？

发布于 2024-11-28 18:25:07 字数 749 浏览 3 评论 0原文

您认为这种在每次点击广播时显示 HTML 代码的方式正确吗？
您建议为适合显示和隐藏 html 代码的动画（效果）做什么？
看看我的代码示例： http://jsfiddle.net/9LECb/

$('#housing_select input').click(function(){
        var classes =  $(this).attr('id');
        if(classes == 'hotel_select'){
            $('.hotel_apartment_select, .suite_select').hide();
            $('.'+classes).show();
        }
        if(classes == 'hotel_apartment_select'){
            $('.hotel_select, .suite_select').hide();
            $('.'+classes).show();
        }
        if(classes == 'suite_select'){
            $('.hotel_select, .hotel_apartment_select').hide();
            $('.'+classes).show();
        }
    })

尊重

原文

You think is right this way for show HTML code in each click on radio?
What is you propose to animate (effect) appropriate for show and hide html code?
see you example of my codes: http://jsfiddle.net/9LECb/

$('#housing_select input').click(function(){
        var classes =  $(this).attr('id');
        if(classes == 'hotel_select'){
            $('.hotel_apartment_select, .suite_select').hide();
            $('.'+classes).show();
        }
        if(classes == 'hotel_apartment_select'){
            $('.hotel_select, .suite_select').hide();
            $('.'+classes).show();
        }
        if(classes == 'suite_select'){
            $('.hotel_select, .hotel_apartment_select').hide();
            $('.'+classes).show();
        }
    })

With respect

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

懒猫 2024-12-05 18:25:07

您可以删除 if 条件并将代码最小化为：

$('#housing_select input').click(function() {
    var classes = $("." + this.id);

    $('.hotel_apartment_select, .suite_select, .hotel_select').not(classes).hide();
    classes.show();
})

JSFiddle: http://jsfiddle.net/9LECb/2/
注意：
您可以检查 jQuery UI 选项卡，因为它们实现了类似的效果

You can remove the if conditions and minimize the code to:

$('#housing_select input').click(function() {
    var classes = $("." + this.id);

    $('.hotel_apartment_select, .suite_select, .hotel_select').not(classes).hide();
    classes.show();
})

JSFiddle: http://jsfiddle.net/9LECb/2/
Note:
You can check jQuery UI Tabs as they acheive a similar effect

回复收藏 0 原文

柠檬色的秋千 2024-12-05 18:25:07

试试这个：

$('#housing_select input').click(function() {
    $('.hotel_apartment_select, .suite_select, .hotel_select').not("." + this.id).hide();
    $("." + this.id).show();
})

Try this:

$('#housing_select input').click(function() {
    $('.hotel_apartment_select, .suite_select, .hotel_select').not("." + this.id).hide();
    $("." + this.id).show();
})

回复收藏 0 原文

~没有更多了~