Question

http://jsfiddle.net/HT9Bx/426/ ===我的日历（这里总结为b1 b2 b3），以及他的Youtube播放器。我希望事件取代Youtube播放器（youtube display：none）。所以我在youtube和事件上使用了切换。但是当用户点击事件1并在事件2之后，两者都会出现！

<div id="youtubeEmbed" class="youtubeEmbed"></div>

<div id="event1"></div>
<div id="event2"></div>
<div id="event3"></div>

<div id="b1" class="b"></div>
<div id="b2"class="b"></div>
<div id="b3"class="b"></div>

.youtubeEmbed {   width:100px;   height:75px;    background-color:red;}

.b{    width:20px;    height:5px;    background-color:black;     margin:20px;}

#event1 {       width:100px;   height:75px;    background-color:blue;    display:none;}
#event2 {       width:100px;   height:75px;    background-color:blue;    display:none;}
#event3 {       width:100px;   height:75px;    background-color:blue;    display:none;}


$( "#b1" ).click(function() {
    $(".youtubeEmbed").toggle();
    $("#event1").toggle();
});

$( "#b2" ).click(function() {
    $(".youtubeEmbed").toggle();
    $("#event2").toggle();
});

$( "#b3" ).click(function() {
    $(".youtubeEmbed").toggle();
    $("#event3").toggle();
});

Answer 1

你真的需要付出更多努力来解释这个问题，但是首先尝试这个例子：

$( '.b' ).on( 'click', function() {
    $( 'div.event' ).not( 'div#' + $( this ).data( 'toggle' ) ).hide();
    $( 'div#' + $( this ).data( 'toggle' ) ).toggle();  
});

FIDDLE

修改

这是另一种尝试。活动将＆＃34;取代＆＃34; <{1}} div on select，如果未选择任何事件，则会显示youtubeEmbed。

youtubeEmbed

FIDDLE

Answer 2

我不确定您的要求是什么，因为您的ID和类与您的代码不匹配，但为了使用JQuery更改CSS，请使用.css（）;方法，示例：

$("#id").css("display", "none");

解开积累

2 个答案: