2017-12-30 59 views
1

jQueryの.hide&.SHOW <b>.SHOW私</b><b>.request-行</b>その後、あなたが見ることができるように、私は要求を選択した場合でも、

<script async src="//jsfiddle.net/andersonkoh/y6s9esnh/2/embed/"></script>

を隠しているスペースを占めるが、それがダウンしたときに私は右クリック>ブラウザで検査すると、。照会行が隠されているが、スペースを占有していることを示しています。それを落とさずに同じ行に入れるにはどうすればいいですか?

+0

はお問い合わせ、行のためのパディングとマージンを削除してみ –

+0

HELOコマンド@MrHery、スバシュは私の問題を解決し、彼は明らかに説明しています。とにかくありがとう! –

答えて

1

class="col col-6"これは要素のスペースを取り、<div class="col col-6"><div id="enquiry-row" style="display:none;"></div></div>内にある要素を隠すのではなく、それ自体を非表示にする必要があります。<div class="col col-6">

だから、それはこのようになります<div class="col col-6" id="enquiry-row" style="display:none;"><div></div></div>。ここで

JSFIDDLE

+0

Helo @Subash。あなたは私の問題を解決する。どうもありがとうございました。もう1つ質問したい。もし私が "Request"である2番目のオプションを選択しているときにショーをするつもりなら、 "Inquiry"の最後の結果であるe-feedback-formを残したいと思います。 これは私がやったことです: \t \t '$( '#のselectOptions')( '変更'、機能(){ \t \t場合($(この).val()===「オプション-2に。他 "){ \t \t $(" #要求行 ")。ショー()、$(" E-フィードバック・フォーム・グループ」)。隠す() \t \t} \t \t { \t \t $ ( "#request-row")。hide() \t \t} \t \t}); ' しかし、動作しません。 –

+0

@AndersonKohを試してみてください。https://jsfiddle.net/y6s9esnh/6/。 – Subash

+0

Helo。私はそれを解決する。 I( '変更'、機能(){ \t \tにちょうど '

'にグループの問い合わせ結果を、スクリプトが \t \t '$( '#のselectOptions')となります。($(この).val()の場合=== "オプション2"){ \t \t $( "#要求行")。ショー() \t \t \t $( "#照会-結果")。(非表示) \t \t} \t \t else { \t \t $( "#request-row")hide() \t \t \t \t}) 'もちろん、' Enquiry'が選択されたときに表示する '$("#inquiry-results ")。show()'も追加します! –

関連する問題

 関連する問題