Попытка что-то переключить и скрыть кнопку переключения

Question

Попытка что-то переключить и скрыть кнопку переключения

0

Поэтому у меня есть этот образчик, действующий как моя кнопка переключения, когда я нажимаю на заполнитель, он должен уходить и показывать другой контент. Но когда щелкнули.chrome, он уходит, но switchScreen не отображается.

.chrome действует как кнопка и пытается переключить переключательScreen

$(document).ready(function(){

    var switchScreen = ".home";

    $(".chrome").click(function() {
        var clicked = $(this).attr('rel');
        screenSwitcher('.' + clicked);
    });

    function screenSwitcher(switchScreen){
        $(".switchScreen").css('display', 'none');
        $(switchScreen).fadeIn('slow');
    }

    $(".chrome").click(function(){
        $(this).css('display', 'none');
    });
    screenSwitcher(switchScreen);

});

nCore 24 окт. 2013, в 00:28

Источник

Теги:

javascript

jquery

toggle

1 ответ

Ещё вопросы

Trevor · Accepted Answer · 2013-10-23T20-42-00.000Z

Есть несколько проблем с кодом, для которого у вас есть $(".chrome").click( два раза вы можете объединить эти два в одну функцию. То, что вы хотите сделать, это скрыть ваш .swithScreen когда страница сначала загружается, вы можете сделайте это в функции готовности документа. В любом случае просмотрите этот код. Это должно помочь.

Html

<img class="chrome" rel="switchScreen" src="/plato/resources/images/delete.png" />

<p class="switchScreen">hoho</p>

Javascript/JQuery

$(document).ready(function(){
   $(".switchScreen").css('display', 'none');
   $(".chrome").click(function() {
      $(this).css('display', 'none');
      var clicked = $(this).attr('rel');
      screenSwitcher('.' + clicked);
  });
  function screenSwitcher(switchScreen){
    $(switchScreen).fadeIn('slow');
  }
});

http://jsfiddle.net/BBpKV/2/

Однако эта же функциональность может быть выполнена гораздо меньше кода.

$(document).ready(function(){
  $(".switchScreen").hide();
  $(".chrome").click(function() {
    $(this).hide();
    $(".switchScreen").fadeIn('slow'); 
  });
});

http://jsfiddle.net/BBpKV/4/

Спасибо, пытался понять это, используя операторы if, но не повезло. Хотя код Jquery просто похож на то, что я написал, просто перепутал: / спасибо
@MarkieEstrada этот ответ решил твою проблему? Пожалуйста, отметьте его как принятый, если он это сделал.