2016-09-15 13 views
0

Im http://www.menucool.com/tabbed-contentを使用してタブを作成します。 jquery/javascriptでタブを変更する方法はありますか?私はプログラムでタブを変更するにはどうすればよいですか?

$("tab1").click();を試してみましたが、作成され、選択したクラスとthis- https://jsfiddle.net/6e3y9663/1/

+0

は、我々はあなたがこれまでに試したものを見ることができますか?それをバイブルに入れてください。私はタブの仕組みを知っており、私はあなたを助けることができます。 –

+0

私はtab1がidだと仮定しています。その場合、あなたは#:$( "#tab1")がありません。 –

+0

@Herm Luna私はhttps://jsfiddle.net/6e3y9663/1/ – user6708151

答えて

1

プレイのためのフィドル

$('.tabs').find('li.selected').removeClass('selected');//reset the tab buttons 
$('#desiredTab').parent().addClass('selected');//or $('li a[href="#tab1"]').parent().addClass('selected'); - select the desired tab header 
id = $('#desiredTab').attr('href'); 
$(id).siblings().hide();//reset the tab content 
$(id).show();//$('#tab1').show(); -show the desired tab content 

デモ:https://jsfiddle.net/6e3y9663/5/

+0

は、選択したクラスを追加するだけでタブコンテンツを表示するか、タブバーを変更するだけですか? idセレクターを使用してクラスを追加しないでください。 – user6708151

+0

タブ・ボタンの内容でタブ・ボタンを操作する必要があります。表示ブロックを追加する必要があるコンテンツに選択されたクラスを追加します(contnetを表示します) – madalinivascu

+0

これは機能しません。 。お役に立てれば。 https://jsfiddle.net/6e3y9663/1/ – user6708151

関連する問題