に追加するには、私のjqueryのスクリプトを修正したいと思います。だから、もしスクリプトが== noneを表示するとしたら、ユーザーは#author-dropdownを見なければならず、display == blockのときidは#author-dropdown-extendedになるはずです。このスクリプトを修正するにはどうしたらよいですか?私はクリックでコンテンツを押し下げ、このjqueryのコードを有する異なる#ID
答えて
$('#author-dropdown').attr("id","author-dropdown-extended").slideDown();
もが
$('#showhide').click(function() {
if($('.author-dropdown').is(':hidden')) {
$('.author-dropdown').slideDown().removeClass('author-dropdown').addClass('author-dropdown-extended');
} else {
$('.author-dropdown').slideUp().removeClass('author-dropdown-extended').addClass('author-dropdown');
}
return false;
});
文書のIDを動的に変更しないでください。そのためには、class
属性を使用してください。しかし、あなたはあなたが本当にしたいことができるかどうか - のjQueryを使用して1.6+:
var $elem = $('#author-dropdown');
$elem.prop('id', 'new-id');
を古いjQueryのバージョンでは、ちょうど.attr()
の代わり.prop()
を使用しています。
#idの使用が悪いのはなぜですか? – funguy
IDを使うのは悪いことではありません。しかし、あなたがそれらを使用しようとしている方法でIDを使用することは悪いです...あなたが達成しようとしているのは、クラスだけでなく、IDを割り当て、その後、外観を変更するためにクラスを追加/の要素 – Tom
@Mathias属性ではなくid属性ではないのですか? 'prop()'ではなく 'attr()'を使うべきですか? – StuperUser
このスクリプトの一部を改正...
$('#author-dropdown-extended').attr("id","author-dropdown").slideUp();
私は個人的にかかわらず、このような何かをしようと、元の状態に戻ってそれを設定するには、次の変更しますか?これを試して。
$(document).ready(function() {
$('#showhide').click(function() {
if ($('#author-dropdown').css('display') == 'none') {
$('#author-dropdown-extended').slideUp('fast', function() {
$('#author-dropdown').slideDown('slow');
});
} else {
$('#author-dropdown').slideUp('fast', function() {
$('#author-dropdown-extended').slideDown('slow');
});
}
return false;
});
});
- 1. コンテンツDIVがフッタを押し下げていない
- 2. 異なる私はマスター値下げファイルを持っている
- 3. jqueryのキー押下機能火災異なるブラウザで
- 4. listviewをテキストを押し下げるのを防ぐには?
- 5. JQuery:古いものを押し下げてテキストを変更する
- 6. キャプチャの異なるキー押下
- 7. コンテンツエリアの拡大中に他の要素を押し下げる
- 8. はjQueryの - 私は、次のコードを持っている固有のIDの
- 9. ボタンの後にコンテナを押し下げるCSS
- 10. jQueryスライダダウンが絶対位置なしにページを押し下げるのを防ぎます
- 11. フッタを押し下げるためにjqueryを使ってタブの高さを計算するには
- 12. 最後にクリックしたのIDを取得する - 私は、ランダムなdiv要素をクリックするとjQueryの
- 13. インラインブロックのミスアライメント(他の要素が押し下げられる)
- 14. 相対的なdiv内の絶対オーバーフローdivを押し下げる
- 15. 身体と背景を普遍的に押し下げる
- 16. 他のグリッド要素を押し下げた縦の列//ブートストラップ3
- 17. 私はクリックで背景の画像を変更し、このjqueryのコードを持っているjqueryの
- 18. Facebookのようなコンテンツとiframeを共有するコンテンツの下にある
- 19. HTML5:左の「表示:テーブル・セル」の画像要素は、右の要素にコンテンツを押し下げ
- 20. ゾンビプロセスと私はこのようなコードを有する
- 21. ggplot2:私は(データ+ barplot)この単純なコードを有する
- 22. IE9でサブナビゲーションを押し上げる
- 23. これは私のコードで異なるIPアドレス
- 24. ブートストラップ3 |列の内容は他の列を押し下げます
- 25. は、私は以下のjQuery Timepickerコードを持ってjQueryのtimepicker
- 26. .find()は、私はjQueryのを使用して、次のJavaScriptコードを有する
- 27. VARS()私はこのコードを実行すると、Pythonは異なる出力
- 28. アクティブでないアプリケーションでマウスの移動/クリック/キー押下
- 29. のjQuery ::キー押下とフォーカス
- 30. jqueryのオートコンプリートキー押下データベース
これは変更されましたが、#author-dropdownで戻ってくることはありません – funguy
上記を参照してください... – Tom
ありがとう、トム、うまく動作します! – funguy