Проблема здесь в том, что element.style.display
обращается к свойству встроенного стиля, чтобы получить свойство, примененное к элементу. Вы можете использовать функцию getComputedStyle
function ToggleSearchBar() {
var searchbar = document.getElementById("SearchBar");
var display = getComputedStyle(searchbar).display;
if (display == "none") {
searchbar.style.display = "block";
} else {
searchbar.style.display = "none";
}
}
.search-button form {
display: none;
padding-top: 10px;
}
<div class = "search-button">
<p onclick = "ToggleSearchBar()">Search</p>
<form id = "SearchBar">
<input type = "text" placeholder = "Your query here">
</form>
</div>
и вы должны использовать display block
вместо пустой строки, так как у вас есть декларация css none
.
Автономный инструмент с множеством показателей (включая cc) - ndepend .
Я считаю, что в CodeRush это было «интерактивно» ... но, черт возьми, в сети есть источники, которые предоставят вам идеи и реализацию без рекламы.
Coderush from Developer Express will do this and it works well. I vouch for it. (and have no relation to the company other than a long time customer)
McCabe IQ ( www.mccabe.com/iq .htm ), разработанный автором Cyclomatic Complexity Томом МакКейбом.
Code Metrics - отличный бесплатный плагин для рефлектора, который анализирует размер и сложность кода.
Visual Studio 2008 Team System (или просто VS 2008 Developer Edition) имеет метрики кода. StudioTools - бесплатное дополнение для VS 2005 и VS 2008. NDepend тоже хорош.