{notempty name="$country_names"}
<input type="hidden" name="country_ids" id="country_ids" value="{$country_ids}">
<div id="shipping-areas">
    {empty name="$action"}配送至：{/empty}{$country_names} 等{$country_count}个国家/地区
    {gt name="$country_count" value="5"} <span id="show-all-areas" class="basics-color curpoin">显示全部</span>{/gt}
</div>
<div id="all-areas-list" style="display: none;">
    {empty name="$action"}配送至：{/empty}{$country_names_all} <span id="hide-all-areas" class="basics-color curpoin">隐藏全部</span>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        // 显示全部区域
        $("#show-all-areas").click(function() {
            $("#shipping-areas").hide();
            $("#all-areas-list").show();
        });
        // 隐藏全部区域
        $("#hide-all-areas").click(function() {
            $("#all-areas-list").hide();
            $("#shipping-areas").show();
        });
    });
</script>
{/notempty}