Jquery 选择下一个div

当我选择如下输入时，我想显示下一个div，我该怎么做

<div class="control-group">
            <label class="control-label" for="domain">Do you have a <a href="https://www.google.com/search?q=what+is+domain+&oq=what+is+domain+&aqs=chrome.0.69i57j69i65j69i60l2j0l2.2204j0&sourceid=chrome&ie=UTF-8">domain</a> ? </label>
            <div class="controls" name="domain">
                <select id="select">
                    <option value="0">Pick one</option>
                    <option value="1">Yes</option>
                    <option value="2">No</option>
                </select>
            </div>
        </div>


        <!-- the name of the domain -->

        <div class="control-group" style="display:none">
            <label class="control-label" for="domain_name">Domain name ? </label>
            <div class="controls" name="domain_name">
                {{ Form::text('domain_name', null, array('required')) }}
                <p class="help-block"><b>http://domain.com</b></p>
            </div>
        </div>

你需要在这里使用

不是：

但是：

这应该会有帮助

编辑：我认为Arun p Johny的答案是最好的：D

使用这个：

$(this).parent().parent().next(".control-group").show();

希望这有帮助

$(this).closest('.control-group').next('.control-group').show();

$(this).parent('.control-group').next('.control-group').show();

$(this).parent(".controls").parent('.control-group').next('.control-group').show();

$(this).parent().parent().next(".control-group").show();