نمایش انتخابی selectbox

سلام به دوستان.
من میخوام وقتی هر گزینه Select box انتخاب شد، یه سری input بهم نمایش داده بشه.
کد زیر رو مینویسم

<div class="form-group">
                <div class="col-sm-12">
                    <label for="title" class="control-label">نوع دوره</label>
                    <select name="type" id="type" class="form-control">
                        <option value="vip">اعضای ویژه</option>
                        <option value="cash">نقدی</option>
                        <option value="free" selected>رایگان</option>
                    </select>
                </div>
            </div>
            @if(! $course->type == 'free')
            <div class="form-group">
              <div class="col-sm-12">
                  <label for="body" class="control-label">متن</label>
                  <textarea rows="5" class="form-control" name="body" id="body" placeholder="متن مقاله را وارد کنید"></textarea>
              </div>
            </div>
            @elseif(! $course->type == 'vip')
            <div class="form-group">
                <div class="col-sm-12">
                    <label for="images" class="control-label">تصویر دوره</label>
                    <input type="file" class="form-control" name="images" id="images" placeholder="تصویر دوره را وارد کنید" value="{{ old('images') }}">
                </div>

                <div class="col-sm-6">
                    <label for="price" class="control-label">قیمت</label>
                    <input type="text" class="form-control" name="price" id="price" placeholder="قیمت را وارد کنید" value="{{ old('price') }}">
                </div>
                <div class="col-sm-6">
                    <label for="tags" class="control-label">تگ ها</label>
                    <input type="text" class="form-control" name="tags" id="tags" placeholder="تگ ها را وارد کنید" value="{{ old('tags') }}">
                </div>
            </div>
            @endif
            <div class="form-group">
                <div class="col-sm-12">
                    <button type="submit" class="btn btn-danger">ارسال</button>
                </div>
            </div>

ولی فقط محتویات داخل if اول یعنی

@if(! $course->type == 'free')
            <div class="form-group">
              <div class="col-sm-12">
                  <label for="body" class="control-label">متن</label>
                  <textarea rows="5" class="form-control" name="body" id="body" placeholder="متن مقاله را وارد کنید"></textarea>
              </div>
            </div>

را نمایش می دهد و وقتی داخل select box اعضای ویژه را انتخاب میکنم اتفاقی نمی افتد، چکار باید کنم؟